页面加载方法及其系统的制作方法
【专利摘要】本发明提供一种页面加载方法及其系统,通过获取对所述页面的当前显示区域的定位信息,在待加载的整体页面内容中获取与所述当前显示区域对应的页面内容进行加载。可优先对用户选定的区域进行加载,而无需等待前面的页面内容一一加载完成,提高了对特定的页面内容加载的速度,能够实现对所述页面的无序内容查看以及搜索定位等操作。
【专利说明】页面加载方法及其系统
【技术领域】
[0001]本发明涉及网络页面信息处理的【技术领域】,特别是涉及一种页面加载方法,以及一种页面加载系统。
【背景技术】
[0002]常用的网络页面加载方法通常采用滚动加载页面内容展示和节点动态创建、销毁结合的方式实现。
[0003]所谓的滚动加载页面内容展示,即按顺序首先加载起始页面内容到浏览窗口展示,并且随着用户拖动滚动条,内容展示区域逐步下移,逐步从后台获取相应的页面数据,并加载显示。
[0004]如图1所示,在用户触发打开一个页面后,首先加载默认的首屏页面数据,即A、B区域;然后,随着用户拖动滚动条往下浏览,则依次加载C、D、E、F区域数据并显示。
[0005]而节点动态创建、销毁,即对浏览窗口显示区域内的页面内容所包含的内容节点动态创建,而对超出所述浏览窗口显示区域外的内容节点动态销毁,仅留下占位节点对之前显示的页面内容进行标识。
[0006]如图2所示,在用户触发打开一个页面后,首先加载默认的首屏页面数据,即A、B区域,创建A、B区域的内容节点;然后,随着用户拖动滚动条往下浏览,则依次加载C、D区域,并创建C、D区域的内容节点,同时将A、B区域原本显示的内容节点销毁;随着用户继续拖动滚动条往下浏览,则依次加载E、F区域,并创建E、F区域的内容节点,同时将C、D区域原本显示的内容节点销毁。
[0007]然而上述页面加载方法仅能够按顺序单方向加载页面内容,如果用户需要浏览起始页面之后的其他页面内容,则需要等待之前的页面内容先加载完成。例如,图1中,如果用户需要浏览E、F区域的页面内容,则需要等待之前的A、B区域和C、D区域的页面内容都加载完成后,才能加载E、F区域的页面内容,所需时间比较长,使页面加载的反应速度变慢,无法实现对所述页面的无序内容查看以及搜索定位。
【发明内容】
[0008]针对上述【背景技术】中存在的问题,本发明的目的在于提供一种能够根据用户指示快速加载指定的页面内容的页面加载方法,以及页面加载系统。
[0009]一种页面加载方法,包括以下步骤:
[0010]获取加载页面的指令;
[0011]获取对所述页面的当前显示区域的定位信息,根据所述定位信息获取所述当前显示区域对应的页面内容;
[0012]加载所述当前显示区域对应的页面内容。
[0013]—种页面加载系统,包括:
[0014]指令获取模块,用于获取加载页面的指令;[0015]内容获取模块,用于获取对所述页面的当前显示区域的定位信息,根据所述定位信息获取所述当前显示区域对应的页面内容;
[0016]内容加载模块,用于加载所述当前显示区域对应的页面内容。
[0017]本发明的页面加载方法及其系统通过获取对所述页面的当前显示区域的定位信息,在待加载的整体页面内容中获取与所述当前显示区域对应的页面内容进行加载。可优先对用户选定的区域进行加载,而无需等待前面的页面内容一一加载完成,提高了对特定的页面内容加载的速度,能够实现对所述页面的无序内容查看以及搜索定位等操作。
【专利附图】
【附图说明】
[0018]图1和图2是现有技术页面加载方法的示意图;
[0019]图3是本发明页面加载方法第一实施方式的流程示意图;
[0020]图4是本发明页面加载方法第二实施方式的流程示意图;
[0021]图5为本发明页面加载方法的第二实施方式举例的示意图;
[0022]图6是本发明页面加载方法第三实施方式的流程示意图;
[0023]图7为本发明页面加载方法的第三实施方式举例的示意图;
[0024]图8是本发明页面加载方法第六实施方式的流程示意图;
[0025]图9是本发明页面加载系统的结构示意图。
【具体实施方式】
[0026]请参阅图3,图3是本发明页面加载方法第一实施方式的流程示意图。
[0027]所述第一实施方式的页面加载方法,包括以下步骤:
[0028]S101,获取加载页面的指令;
[0029]S102,获取对所述页面的当前显示区域的定位信息,根据所述定位信息获取所述当前显示区域对应的页面内容;
[0030]S103,加载所述当前显示区域对应的页面内容。
[0031]其中,步骤SlOl为接收用户触发的加载页面的指令。
[0032]所述页面的加载包括用户端浏览器对页面的加载,以及网页端对具体数据的加载。所述加载页面的指令为用户触发加载相应页面的信号指令,例如用户在网页中点击相应的网页链接、或者打开特定应用服务的指示界面等等。
[0033]步骤S102为根据当前显示区域获取相应的页面内容。
[0034]所述页面的当前显示区域的定位信息即是用于打开所述页面的浏览窗口(如浏览器窗口和网页窗口等)的显示区域在待加载的所述页面中的位置信息。
[0035]优选地,获取所述当前浏览窗口的滚动条位置以及所述当前浏览窗口的显示区域的宽和高作为所述当前显示区域的定位信息。例如,所述当前浏览窗口的滚动条位置为第3555行像素,而所述窗口的宽为500像素,高为400像素,则获取待加载的所述页面中第3555行像素前后250行像素,宽为500像素的内容进行显示。本领域技术人员也可以根据所述滚动条位置之外的其他习知方法获取所述页面的当前显示区域的定位信息。
[0036]所述步骤S103为加载获取的页面内容的步骤。
[0037]所述加载页面内容的操作主要是获取所述当前显示区域对应的页面内容中包含的数据,并将其显示为相应的内容节点,如图片、文字、图标、网络链接等。
[0038]本发明的页面加载方法通过获取对所述页面的当前显示区域的定位信息,在待加载的整体页面内容中获取与所述当前显示区域对应的页面内容进行加载。可优先对用户选定的区域进行加载,而无需等待前面的页面内容一一加载完成,提高了对特定的页面内容加载的速度,能够实现对所述页面的无序内容查看以及搜索定位等操作。
[0039]以下为本发明页面加载方法的第二实施方式:
[0040]请参阅图4,图4是本发明页面加载方法第二实施方式的流程示意图。
[0041]所述第二实施方式的页面加载方法与所述第一实施方式基本相同,其主要区别在于进一步包括以下步骤:
[0042]S104,获取与所述当前显示区域相邻的预定区域的页面内容,并加载所述预定区域的页面内容。
[0043]本实施方式中,不仅加载所述当前显示区域对应的页面内容,还同时对所述当前显示区域相邻的预定区域的页面内容进行预加载。如果用户在浏览完所述当前显示区域对应的页面内容之后,需要继续浏览相邻区域的页面内容,则可以将预加载的页面内容快速展示给用户浏览,提高了页面的加载和浏览的速度。
[0044]执行上述页面内容预加载的方式可以有多种,包括:获取与所述当前显示区域上和/或下相邻的若干个像素的页面内容并进行加载;和/或,获取与所述当前显示区域左和/或右相邻的若干个像素的页面内容并进行加载。
[0045]例如一般地,在加载完所述当前显示区域对应的页面内容之后,进一步对所述当前显示区域上和下相邻的200个像素范围内的页面内容进行预加载,以便用户在需要浏览对应的内容时可以快速展示。如图5所示,对所述当前显示区域的上、下相邻区域都进行预加载。
[0046]执行上述预加载时,还可根据操作轨迹跟踪进行趋势判断的方式选择预加载的区域,亦即:根据当前对所述页面的浏览顺序,获取与所述当前显示区域相邻的下一显示区域若干个像素的页面内容。
[0047]例如,用户拖动滚动条以从上向下的顺序浏览,而所述当前显示区域对应位置为P的页面内容,则根据用户当前的操作趋势,用户接下来查看的将是位置为P+1的页面内容,则对所述位置为P+1的页面内容进行提前预加载。通过对相邻区域的页面内容预加载,可以让用户流畅地浏览页面内容。
[0048]以下为本发明页面加载方法的第三实施方式:
[0049]请参阅图6,图6是本发明页面加载方法第三实施方式的流程示意图。所述第三实施方式的页面加载方法与所述第一、二实施方式基本相同,其主要区别在于,在加载对应的页面内容后,进一步包括以下步骤:
[0050]S105,显示所述当前显示区域对应的页面内容中包含的内容节点;隐藏所述当前显示区域以外的页面内容中包含的内容节点。
[0051]对于web页面,将不必要的内容节点隐藏,和将内容节点删除一样,都能够降低页面的内存占用以及CPU占用。因为页面隐藏的节点并不存在于当前页面的渲染树内,浏览器不必对这部分隐藏节点进行渲染,如计算高度、宽度,设置显示的颜色等。
[0052]因此,只显示所述当前显示区域中的内容节点,而对于所述当前显示区域外的内容节点则进行隐藏,可以降低页面的内存占用以及CPU占用。并且,由于所述当前显示区域外的内容节点是隐藏而不是直接删除,所以在用户再次切换当前显示区域浏览该部分的页面内容时,可以将隐藏的节点内容快速切换为显示状态,非常方便,且速度更快。
[0053]进一步地,为避免过多的内容节点被同时加载,对显示和隐藏的内容节点的个数设置最大值,则:
[0054]在所述隐藏的内容节点和所述显示的内容节点的个数超过预设值时,依次删除与所述当前显示区域距离最远的内容节点。
[0055]例如设置预设的最大值为N,而显示的内容节点和隐藏的内容节点个数之和为M,即已加载的内容节点个数为M,当M < N时,隐藏所述当前显示区域以外的内容节点,当M>N时,删除与所述当前显示区域距离最远的内容节点,以释放更多的内存和CPU资源。
[0056]如图7所示,图7为本发明页面加载方法的第三实施方式举例的示意图。随着用户往下方浏览,所述当前显示区域以上的区域中的页面内容节点将被隐藏,在隐藏和显示的节点个数超过预定值时,距离最远的节点将被销毁。
[0057]以下为本发明页面加载方法的第四实施方式:
[0058]所述第四实施方式的页面加载方法与所述第一实施方式基本相同,其主要区别在于,所述步骤S103获取所述当前显示区域对应的页面内容中包含的数据,并将其显示为相应的内容节点的步骤包括以下子步骤:
[0059]S1031,对所述内容节点绑定第一操作事件;
[0060]S1032,当鼠标指针移动到所述内容节点上时触发所述第一操作事件,对所述内容节点绑定若干个第二操作事件。
[0061]所述第一操作事件定义为:当鼠标指针移动到所述内容节点上时,对所述内容节点绑定若干个第二操作事件;所述第二操作事件可以是相应鼠标的单击、双击、右键点击等并执行相应操作的操作事件。
[0062]对于一个展示内容较多,同时交互较为复杂的web页面来说,性能常常会成为瓶颈。而从页面前端展现的方面来看,影响性能的其中一个重要指标是对内存的占用,通常对内存的占用主要来自页面的DOM节点(Document ObjectModel,文档对象模型),以及DOM节点上绑定的操作事件。当一个页面的节点超过一定值时,页面的性能就会急剧下降,同样,当DOM节点上绑定的一系列操作事件过多时,页面的内存占用也会大大增加。
[0063]因此,在本实施方式中,各个所述内容节点在加载时都只绑定一个操作事件,只有当鼠标指针移动到对应的所述内容节点上时,才会将对应的所述内容节点与多个第二操作事件重新绑定。由于加载时节点绑定的操作事件较少,因此能够降低对内存的占用。
[0064]用户可以先将鼠标指针移动到对应的内容节点上时,触发所述第一操作事件,将对应的第二操作事件重新与所述内容节点绑定后,再触发对应的第二操作事件完成相应的操作。
[0065]例如,某节点上原本绑定了 10个单击操作事件,则通过本实施方式的页面加载方法,可在用户将鼠标指针移动到该节点上时再绑定这10个操作事件,从而大大降低加载时节点绑定操作事件的数量,降低页面内存占用。
[0066]以下为本发明页面加载方法的第五实施方式:
[0067]所述第五实施方式的页面加载方法与所述第一实施方式基本相同,其主要区别在于,所述步骤S103获取所述当前显示区域对应的页面内容中包含的数据,并将其显示为相应的内容节点的步骤包括以下子步骤:
[0068]S1033,对所述内容节点绑定第三操作事件;
[0069]S1034,当所述内容节点被选中时触发所述第三操作事件,根据选中操作的位置信息,以及各个所述子节点的位置信息,执行与所述子节点对应的操作。
[0070]本实施方式中,所述第三操作事件定义为:当所述内容节点被选中时,根据选中操作的位置信息,以及各个所述子节点的位置信息,执行与所述子节点对应的操作。所述第三操作事件与所述第四实施方式中的第一、第二操作事件并无关联,仅为区分而作此命名。所述选中操作包括单击、双击、右键点击等操作。
[0071]将所述内容节点所包含的若干个子节点上绑定的操作操作事件通过所述第三操作事件进行区分,无需再对每个所述子节点绑定一个操作操作事件,而只需对所述内容节点绑定一个所述第三操作事件。同样能够减少节点绑定的操作事件数量,降低页面内存占用。
[0072]例如,假设节点A有子节点A0、Al、A2,子节点A0、Al、A2均监听click (单击)操作事件,则节点A及其子节点上需要绑定的操作事件共有三个;而本实施方式的页面加载方法可通过将单击触发的第三操作事件绑定在A节点上,在所述A节点被单击时,执行所述第三操作事件:根据具体场景判断究竟是A0、Al还是A2被点击,并进行相应的操作处理;通过操作事件委托,可以有效减少节点绑定操作事件数量。
[0073]以下为本发明页面加载方法的第六实施方式:
[0074]请参阅图8,图8是本发明页面加载方法第六实施方式的流程示意图。
[0075]所述第六实施方式的页面加载方法与所述第一实施方式基本相同,其主要区别在于,通过划分子区域的方式获取当前显示区域对应的页面内容进行加载,具体包括以下步骤:
[0076]S601,获取加载页面的指令;
[0077]S602,将所述页面划分成多个子区域;
[0078]S603,根据所述当前显示区域的定位信息,以及各个所述子区域的位置信息,获取所述当前显示区域对应的子区域的页面内容;
[0079]S604,加载所述子区域的页面内容。
[0080]在页面内容布局较有规律,或者各个子区域内的页面内容有较强的关联性时,通过本实施方式的页面加载方法可将所述页面划分成多个子区域,以各个所述子区域为单位获取相应的页面内容并进行加载,方便用户浏览所述子区域内互相具有关联性的内容。
[0081]以下为本发明页面加载方法的第七实施方式:
[0082]所述第七实施方式的页面加载方法与所述第一实施方式基本相同,其主要区别在于,在加载所述当前显示区域对应的页面内容之前,先在所述当前显示区域中显示预设的背景图片。
[0083]设置所述背景图片时,可根据所述当前显示区域实际宽、高,将所述背景图片进行平铺显示,同时提供加载提示,避免数据成功加载展示前页面一片空白。如果所述当前显示区域内的页面数据尚未完成加载,则显示平铺的背景图片,同时等待相应的页面内容数据的返回。[0084]请参阅图9,图9是本发明页面加载系统的结构示意图。
[0085]所述页面加载系统包括:
[0086]指令获取模块11,用于获取加载页面的指令;
[0087]内容获取模块12,用于获取对所述页面的当前显示区域的定位信息,根据所述定位信息获取所述当前显示区域对应的页面内容;
[0088]内容加载模块13,用于加载所述当前显示区域对应的页面内容。
[0089]其中,所述指令获取模块11接收用户触发的加载页面的指令。
[0090]所述页面的加载包括用户端浏览器对页面的加载,以及网页端对具体数据的加载。所述加载页面的指令为用户触发加载相应页面的信号指令,例如用户在网页中点击相应的网页链接,或者打开特定应用服务的指示界面等等。
[0091]所述内容获取模块12根据当前显示区域获取相应的页面内容。
[0092]所述页面的当前显示区域的定位信息即是用于打开所述页面的浏览窗口(如浏览器窗口和网页窗口等)的显示区域在待加载的所述页面中的位置信息。
[0093]优选地,所述内容获取模块12获取所述当前浏览窗口的滚动条位置以及所述当前浏览窗口的显示区域的宽和高作为所述当前显示区域的定位信息。
[0094]所述内容加载模块13加载获取的页面内容。
[0095]所述加载页面内容的操作主要是获取所述当前显示区域对应的页面内容中包含的数据,并将其显示为相应的内容节点,如图片、文字、图标、网络链接等。
[0096]本发明的页面加载系统通过获取对所述页面的当前显示区域的定位信息,在待加载的整体页面内容中获取与所述当前显示区域对应的页面内容进行加载。可优先对用户选定的区域进行加载,而无需等待前面的页面内容一一加载完成,提高了对特定的页面内容加载的速度,能够实现对所述页面的无序内容查看以及搜索定位等操作。
[0097]作为所述页面加载系统的一种优选实施方式,所述内容获取模块12进一步用于获取与所述当前显示区域相邻的预定区域的页面内容;所述内容加载模块13进一步用于加载所述预定区域的页面内容。
[0098]不仅加载所述当前显示区域对应的页面内容,还同时对所述当前显示区域相邻的预定区域的页面内容进行预加载。如果用户在浏览完所述当前显示区域对应的页面内容之后,需要继续浏览相邻区域的页面内容,则可以将预加载的页面内容快速展示给用户浏览,提高了页面的加载和浏览的速度。
[0099]执行上述页面内容预加载的方式可以有多种,包括:所述内容获取模块获取与所述当前显示区域上和/或下相邻的若干个像素的页面内容作为所述预定区域的页面内容;和/或,所述内容获取模块获取与所述当前显示区域左和/或右相邻的若干个像素的页面内容作为所述预定区域的页面内容。
[0100]又或者,所述内容获取模块根据当前对所述页面的浏览顺序,获取与所述当前显示区域相邻的下一显示区域若干个像素的页面内容作为所述预定区域的页面内容。
[0101]通过对相邻区域的页面内容预加载,可以让用户流畅地浏览页面内容。
[0102]在所述页面加载系统的另一种优选实施方式中,所述内容加载模块13显示所述当前显示区域对应的页面内容中包含的内容节点,并隐藏所述当前显示区域以外的页面内容中包含的内容节点。[0103]可以降低页面的内存占用以及CPU占用,并且在用户再次切换当前显示区域浏览该部分的页面内容时,可以将隐藏的节点内容快速切换为显示状态,非常方便,且速度更快。
[0104]进一步地,为避免过多的内容节点被同时加载,对显示和隐藏的内容节点的个数设置最大值,则,所述内容加载模块13在所述隐藏的内容节点和所述显示的内容节点的个数超过预设值时,依次删除与所述当前显示区域距离最远的内容节点。以释放更多的内存和CPU资源。
[0105]在所述页面加载系统的另一种优选实施方式中,所述内容加载模块13还用于对所述内容节点绑定第一操作事件,当鼠标指针移动到所述内容节点上时触发所述第一操作事件,对所述内容节点绑定若干个第二操作事件。
[0106]在本实施方式中,各个所述内容节点在加载时都只绑定一个操作事件,只有当鼠标指针移动到对应的所述内容节点上时,才会将对应的所述内容节点与多个第二操作事件重新绑定。由于加载时节点绑定的操作事件较少,因此能够降低对内存的占用。
[0107]用户可以先将鼠标指针移动到对应的内容节点上时,触发所述第一操作事件,将对应的第二操作事件重新与所述内容节点绑定后,再触发对应的第二操作事件完成相应的操作。
[0108]在所述页面加载系统的另一种优选实施方式中,所述内容加载模块13还用于对所述内容节点绑定第三操作事件,当所述内容节点被选中时触发所述第三操作事件,根据选中操作的位置信息,以及各个所述子节点的位置信息,执行与所述子节点对应的操作。
[0109]本实施方式中,将所述内容节点所包含的若干个子节点上绑定的操作事件通过所述第三操作事件进行区分,无需再对每个所述子节点绑定一个操作事件,而只需对所述内容节点绑定一个所述第三操作事件。同样能够减少节点绑定的操作事件数量,降低页面内存占用。
[0110]在所述页面加载系统的又一种优选实施方式中,所述页面加载系统进一步包括:页面划分模块(图未示),所述页面划分模块用于将所述页面划分成多个子区域;所述内容获取模块12根据所述当前显示区域的定位信息,以及各个所述子区域的位置信息,获取所述当前显示区域对应的子区域的页面内容;所述内容加载模块13加载所述子区域的页面内容。
[0111]在页面内容布局较有规律,或者各个子区域内的页面内容有较强的关联性时,通过本实施方式的页面加载方法可将所述页面划分成多个子区域,以各个所述子区域为单位获取相应的页面内容并进行加载,方便用户浏览所述子区域内互相具有关联性的内容。
[0112]在所述页面加载系统的又一种优选实施方式中,所述内容加载模块13在加载所述当前显示区域对应的页面内容之前,在所述当前显示区域中显示预设的背景图片。
[0113]设置所述背景图片时,可根据所述当前显示区域实际宽、高,将所述背景图片进行平铺显示,同时提供加载提示,避免数据成功加载展示前页面一片空白。如果所述当前显示区域内的页面数据尚未完成加载,则显示平铺的背景图片,同时等待相应的页面内容数据的返回。
[0114]本领域普通技术人员可以理解实现上述实施方式中的全部或部分流程以及对应的系统,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各实施方式的流程。其中,所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-OnlyMemory, ROM)或随机存储记忆体(RandomAccess Memory, RAM)等。
[0115]以上所述实施例仅表达了本发明的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对本发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本发明构思的前提下,还可以做出若干变形和改进,这些都属于本发明的保护范围。因此,本发明专利的保护范围应以所附权利要求为准。
【权利要求】
1.一种页面加载方法,其特征在于,包括以下步骤: 获取加载页面的指令; 获取对所述页面的当前显示区域的定位信息,根据所述定位信息获取所述当前显示区域对应的页面内容; 加载所述当前显示区域对应的页面内容。
2.如权利要求1所述的页面加载方法,其特征在于,加载所述当前显示区域对应的页面内容后,进一步获取与所述当前显示区域相邻的预定区域的页面内容,并加载所述预定区域的页面内容。
3.如权利要求2所述的页面加载方法,其特征在于,获取与所述当前显示区域相邻的预定区域的页面内容的步骤包括: 获取与所述当前显示区域上和/或下相邻的若干个像素的页面内容; 和/或, 获取与所述当前显示区域左和/或右相邻的若干个像素的页面内容。
4.如权利要求2所述的页面加载方法,其特征在于,获取与所述当前显示区域相邻的预定区域的页面内容的步骤包括: 根据当前对所述页面的浏览顺序,获取与所述当前显示区域相邻的下一显示区域若干个像素的页面内容。
5.如权利要求1至4`中任意一项所述的页面加载方法,其特征在于,加载所述当前显示区域对应的页面内容的步骤包括: 获取所述当前显示区域对应的页面内容中包含的数据,并将其显示为相应的内容节点。
6.如权利要求5所述的页面加载方法,其特征在于,在加载所述当前显示区域对应的页面内容后,进一步执行以下步骤: 显示所述当前显示区域对应的页面内容中包含的内容节点; 隐藏所述当前显示区域以外的页面内容中包含的内容节点。
7.如权利要求6所述的页面加载方法,其特征在于,在所述隐藏的内容节点和所述显示的内容节点的个数超过预设值时,依次删除与所述当前显示区域距离最远的内容节点。
8.如权利要求5所述的页面加载方法,其特征在于,获取所述当前显示区域对应的页面内容中包含的数据,并将其显示为相应的内容节点的步骤包括: 对所述内容节点绑定第一操作事件; 当鼠标指针移动到所述内容节点上时触发所述第一操作事件,对所述内容节点绑定若干个第二操作事件。
9.如权利要求5所述的页面加载方法,其特征在于,获取所述当前显示区域对应的页面内容中包含的数据,并将其显示为相应的内容节点的步骤还包括: 对所述内容节点绑定第三操作事件,当所述内容节点被选中时触发所述第三操作事件,根据选中操作的位置信息,以及各个所述子节点的位置信息,执行与所述子节点对应的操作。
10.如权利要求1所述的页面加载方法,其特征在于,进一步包括以下步骤: 将所述页面划分成多个子区域;根据所述当前显示区域的定位信息,以及各个所述子区域的位置信息,获取所述当前显示区域对应的子区域的页面内容; 加载所述子区域的页面内容。
11.如权利要求1所述的页面加载方法,其特征在于,加载所述当前显示区域对应的页面内容之前,在所述当前显示区域中显示预设的背景图片。
12.如权利要求1所述的页面加载方法,其特征在于,所述当前显示区域的定位信息包括当前浏览窗口的滚动条位置以及所述当前浏览窗口的显示区域的宽和高。
13.—种页面加载系统,其特征在于,包括: 指令获取模块,用于获取加载页面的指令; 内容获取模块,用于获取对所述页面的当前显示区域的定位信息,根据所述定位信息获取所述当前显示区域对应的页面内容; 内容加载模块,用于加载所述当前显示区域对应的页面内容。
14.如权利要求13所述的页面加载系统,其特征在于,所述内容获取模块进一步用于获取与所述当前显示区域相邻的预定区域的页面内容; 所述内容加载模块进一步用于加载所述预定区域的页面内容。
15.如权利要求14所述的页面加载系统,其特征在于: 所述内容获取模块获取与所述当前显示区域上和/或下相邻的若干个像素的页面内容作为所述预定区域的页面`内容; 和/或, 所述内容获取模块获取与所述当前显示区域左和/或右相邻的若干个像素的页面内容作为所述预定区域的页面内容。
16.如权利要求14所述的页面加载系统,其特征在于,所述内容获取模块根据当前对所述页面的浏览顺序,获取与所述当前显示区域相邻的下一显示区域若干个像素的页面内容作为所述预定区域的页面内容。
17.如权利要求13至16中任意一项所述的页面加载系统,所述内容加载模块获取所述当前显示区域对应的页面内容中包含的数据,并将其显示为相应的内容节点。
18.如权利要求17所述的页面加载系统,其特征在于,所述内容加载模块显示所述当前显示区域对应的页面内容中包含的内容节点,并隐藏所述当前显示区域以外的页面内容中包含的内容节点。
19.如权利要求8所述的页面加载系统,其特征在于,所述内容加载模块在所述隐藏的内容节点和所述显示的内容节点的个数超过预设值时,依次删除与所述当前显示区域距离最远的内容节点。
20.如权利要求17所述的页面加载系统,其特征在于,所述内容加载模块还用于对所述内容节点绑定第一操作事件;当鼠标指针移动到所述内容节点上时触发所述第一操作事件,对所述内容节点绑定若干个第二操作事件。
21.如权利要求17所述的页面加载系统,其特征在于,所述内容加载模块还用于对所述内容节点绑定第三操作事件,当所述内容节点被选中时触发所述第三操作事件,根据选中操作的位置信息,以及各个所述子节点的位置信息,执行与所述子节点对应的操作。
22.如权利要求13所述的页面加载系统,其特征在于,进一步包括:页面划分模块,所述页面划分模块用于将所述页面划分成多个子区域; 所述内容获取模块根据所述当前显示区域的定位信息,以及各个所述子区域的位置信息,获取所述当前显示区域对应的子区域的页面内容; 所述内容加载模块加载所述子区域的页面内容。
23.如权利要求13所述的页面加载系统,其特征在于,所述内容加载模块在加载所述当前显示区域对应的页面内容之前,在所述当前显示区域中显示预设的背景图片。
24.如权利要求13所述的页面加载系统,其特征在于,所述当前显示区域的定位信息包括当前浏览窗口的滚动条位置以及所 述当前浏览窗口的显示区域的宽和高。
【文档编号】G06F17/30GK103853729SQ201210499558
【公开日】2014年6月11日 申请日期:2012年11月29日 优先权日:2012年11月29日
【发明者】陈映平, 龙丁奋, 郭学亨, 李晶, 吴浩, 刘恒兵 申请人:腾讯科技(深圳)有限公司