网页加载方法和装置制造方法
【专利摘要】本发明公开了一种网页加载方法和装置，涉及计算机【技术领域】，主要目的在于在打开网页时尽快呈现网页元素。网页加载方法包括：加载网页文档，网页文档中记录有第一网页元素的标识，第一网页元素用于记录与网页文档对应的多个第二网页元素的标识；从网页文档中获取第一网页元素的标识，并根据第一网页元素的标识获取第一网页元素进行加载；从第一网页元素中获取多个第二网页元素的标识，并根据多个第二网页元素的标识获取多个第二网页元素进行加载；呈现加载完成的第二网页元素。
【专利说明】网页加载方法和装置
【技术领域】
[0001]本发明涉及计算机【技术领域】，具体而言，涉及一种网页加载方法和装置。
【背景技术】
[0002]目前，在网页制作等方面，通常都在网页中设计了非常丰富的网页元素，例如，图像、音频、视频等，从而在浏览器中进行相应的呈现，以实现丰富的效果。
[0003]为了实现较复杂的呈现效果，网页元素都设计得比较复杂，所以其文件也都较大，这就造成浏览器在加载网页时，从服务器上获取网页元素的时间非常长，相应地也就造成网页元素在浏览器中呈现的时间延后。例如，对于一个swf格式的动画元素，其文件整体大小为200k，则需要将200k的文件加载完成后，才能通过浏览器呈现出相应的动画效果；在获取至100k、150k、199k时，只要没有获取完成，浏览器都不能够完成加载，网页元素完全无法呈现。因此，如何尽快将网页元素进行呈现，就成为需要克服的难题。
【发明内容】
[0004]鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的网页加载方法和装置。
[0005]依据本发明的一个方面，提供了一种网页加载方法，其包括:加载网页文档，所述网页文档中记录有第一网页元素的标识，所述第一网页元素用于记录与所述网页文档对应的多个第二网页元素的标识；从所述网页文档中获取所述第一网页元素的标识，并根据所述第一网页元素的标识获取所述第一网页元素进行加载；从所述第一网页元素中获取所述多个第二网页元素的标识，并根据所述多个第二网页元素的标识获取所述多个第二网页元素进行加载；呈现加载完成的第二网页元素。
[0006]依据本发明的一个方面，提供了一种网页加载装置，其包括:网页文档加载模块，用于加载网页文档，所述网页文档中记录有第一网页元素的标识，所述第一网页元素用于记录与所述网页文档对应的多个第二网页元素的标识；第一网页元素加载模块，用于从所述网页文档中获取所述第一网页元素的标识，并根据所述第一网页元素的标识获取所述第一网页元素进行加载；第二网页元素加载模块，用于从所述第一网页元素中获取所述多个第二网页元素的标识，并根据所述多个第二网页元素的标识获取所述多个第二网页元素进行加载；第二网页元素呈现模块，用于呈现加载完成的第二网页元素。
[0007]根据以上的技术方案，可知本发明的网页加载方法和装置至少具有以下优点:
[0008]与现有技术不同，需要加载的网页元素不再形成单一的文件，而是形成了多个第二网页元素，该多个第二网页元素的标识都记载在第一网页元素中，所以在需要对网页进行加载的时候，首先会加载第一网页元素，之后根据单一网页元素中记录的标识，获取到相应的第二网页元素进行加载；相比于现有技术，并不需要所有的第二网页元素都加载完毕后才进行呈现，而是只要存在加载完成的第二网页元素，就可以呈现该第二网页元素，待所有第二网页元素都加载完成后，则可以呈现所有第二网页元素组成的整体效果，可见根据本发明的技术方案可以更早地进行网页元素的展现。
[0009]上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的【具体实施方式】。
【专利附图】
【附图说明】
[0010]通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中:
[0011]图1示出了根据本发明的一个实施例的网页加载方法的流程图；
[0012]图2示出了根据本发明的一个实施例的网页加载方法的流程图；
[0013]图3示出了根据本发明的一个实施例的网页加载方法的流程图；
[0014]图4示出了根据本发明的一个实施例的网页加载方法的流程图；
[0015]图5示出了根据本发明的一个实施例的网页加载方法的流程图；
[0016]图6示出了根据本发明的一个实施例的网页加载方法的流程图；
[0017]图7示出了根据本发明的一个实施例的网页加载方法的流程图；
[0018]图8示出了根据本发明的一个实施例的网页加载装置的框图；
[0019]图9示出了根据本发明的一个实施例的网页加载装置的框图。
【具体实施方式】
[0020]下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。
[0021]如图1所示，本发明的一个实施例中公开了一种网页加载方法，其包括:
[0022]步骤110，加载网页文档，网页文档中记录有第一网页元素的标识，第一网页元素用于记录与网页文档对应的多个第二网页元素的标识。
[0023]本实施例中，网页文档一般可以采用HTML等格式的文件。第一网页元素的标识包括但不限于名称、编号等多种形式。同样地，第二网页元素的标识也包括但不限于名称、编号等多种形式。第二网页元素包括但不限于图像、文档、音频、视频和多媒体文件。第一网页元素的格式不限，具体可以与第二网页元素同一格式。需要注意的是，需要呈现的内容在多个第二网页元素中，所以第一网页元素可以不包括任何需要呈现的内容。
[0024]步骤120，从网页文档中获取第一网页元素的标识，并根据第一网页元素的标识获取第一网页元素进行加载。
[0025]步骤130，从第一网页元素中获取多个第二网页元素的标识，并根据多个第二网页元素的标识获取多个第二网页元素进行加载。
[0026]步骤140，呈现加载完成的第二网页元素。
[0027]在现有技术中，对于一个网页元素，需要等待将其完全加载完成后才能进行呈现，而在本实施例的技术方案中，该网页元素可以被分解为通过第一网页元素联系起来的多个第二网页元素，则可发现最少在完成任一第二网页元素的加载时，即可并用于进行呈现，相比之下可知，根据本实施例的技术方案可以使得网页元素的呈现时间提前；而且，对于网页文档来说加载的是第一网页元素，第一网页元素来引导加载多个第二网页元素，则所有第二网页元素加载完成后，可以作为一个整体进行呈现，所以即使第二网页元素拆分为多个，但并不影响最终呈现的整体性。假设网页文档1.html中记录了动画文件index, swf (第一网页元素)，而在index, swf中又记录了动画文件a.swf、b.swf、c.swf、d.swf (第二网页元素)，则根据图1可知加载过程如下:首先加载网页文档l.html ;从l.html中读取动画文件index, swf 的名称，获取 index, swf 并进行加载；从 index, swf 中读取 a.swf、b.swf、c.swf、d.swf 的名称，获取 a.swf、b.swf、c.swf、d.swf 并进行加载；对于 a.swf、b.swf、c.swf、d.swf中每个加载完成的动画文件，都可以进行显示，而不需等待其他动画文件加载完成。
[0028]如图2所示，本发明的一个实施例中公开了一种网页加载方法，其包括:
[0029]步骤210，加载网页文档，网页文档中记录有第一网页元素的标识，第一网页元素用于记录与网页文档对应的多个第二网页元素的标识，网页文档中还记录有第一网页元素的呈现策略。
[0030]步骤220，从网页文档中获取第一网页元素的标识，并根据第一网页元素的标识获取第一网页元素进行加载。
[0031]步骤230，从第一网页元素中获取多个第二网页元素的标识，并根据多个第二网页元素的标识获取多个第二网页元素进行加载。
[0032]步骤240，按第一网页元素的呈现策略，呈现加载完成的第二网页元素。
[0033]在本实施例中，多个第二网页元素统一在第一网页元素的呈现策略的作用下进行呈现，使得多个第二网页元素之间在呈现上存在共性，则用户所看到的多个第二网页元素往往能够呈现“组合”式的效果。本实施例中，对呈现策略不进行限制，例如，在网页元素为图像时，相应的呈现策略可以是控制图像产生渐变，则多个第二网页元素均产生渐变；在网页元素为文字时，相应的呈现策略可以是控制文字颜色的变换，则多个第二网页元素的颜色均发生变换。假设网页文档2.html中记录了图像文件index, jpg (第一网页元素)，而在index, jpg中又记录了图像文件a.jpg、b.jpg、c.jpg、d.jpg(第二网页元素)，则根据图2可知加载过程如下:首先加载网页文档2.html ;从2.html中读取图像文件index, jpg的名称，获取index, jpg并进行加载；从index, jpg中读取a.jpg、b.jpg、c.jpg、d.jpg的名称，获取a.jpg、b.jpg、c.jpg、d.jpg和index, jpg对应的淡入淡出的渐变风格，并加载a.jpg、
b.jpg、c.jpg、d.jpg ;对于a.jpg、b.jpg、c.jpg、d.jpg中每个加载完成的图像文件，均按照index, jpg对应的渐变风格实现淡入淡出的效果。
[0034]如图3所示，本发明的一个实施例中公开了一种网页加载方法，其包括:
[0035]步骤310，加载网页文档，网页文档中记录有第一网页元素的标识，第一网页元素用于记录与网页文档对应的多个第二网页元素的标识，网页文档中还记录有第一网页元素的位置信息。
[0036]步骤320，从网页文档中获取第一网页元素的标识，并根据第一网页元素的标识获取第一网页元素进行加载。
[0037]步骤330，从第一网页元素中获取多个第二网页元素的标识，并根据多个第二网页元素的标识获取多个第二网页元素进行加载。
[0038]步骤340，按第一网页元素的位置信息，设置加载完成的第二网页元素的位置。
[0039]假设网页文档3.html中记录了图像文件index, bmp (第一网页元素)，而在index, bmp中又记录了图像文件a.bmp、b.bmp、c.bmp、d.bmp (第二网页元素)，则根据图3可知加载过程如下:首先加载网页文档3.html ;从3.html中读取图像文件index, bmp的名称，获取 index, bmp 并进行加载；从 index, bmp 中读取 a.bmp、b.bmp、c.bmp、d.bmp 的名称，获取 a.bmp、b.bmp、c.bmp、d.bmp 和 index, bmp 的位置信息，并加载 a.bmp、b.bmp、
c.bmp、d.bmp ;对于a.bmp、b.bmp、c.bmp、d.bmp中每个加载完成的图像文件，均按照index,bmp的位置信息控制图像文件在网页上的位置。由于index.bmp文件中并不包含用于呈现的内容，所以其并不直接显示；而多个第二网页元素a.bmp、b.bmp、c.bmp、d.bmp同样按照index, bmp的位置信息进行显示，即会处于同一区域内，此时多个第二网页元素a.bmp,b.bmp、c.bmp、d.bmp会产生叠加，则在网页中多个第二网页元素a.bmp、b.bmp、c.bmp、
d.bmp更能呈现为一个整体。
[0040]如图4所示，本发明的一个实施例中公开了一种网页加载方法，其包括:
[0041]步骤410，加载网页文档，网页文档中记录有第一网页元素的标识，第一网页元素用于记录与网页文档对应的多个第二网页元素的标识，第一网页元素中记录有多个第二网页元素的呈现策略。多个第二网页元素的呈现策略可以相同，也可以不同。
[0042]步骤420，从网页文档中获取第一网页元素的标识，并根据第一网页元素的标识获取第一网页元素进行加载。
[0043]步骤430，从第一网页元素中获取多个第二网页元素的标识，并根据多个第二网页元素的标识获取多个第二网页元素进行加载。
[0044]步骤440，按多个第二网页元素的呈现策略，呈现加载完成的第二网页元素。
[0045]在本实施例中，多个第二网页元素在对应呈现策略的作用下进行呈现，在多个第二网页元素对应有不同类型的呈现策略时，则可以进行不同方式的呈现，这使得多个第二网页元素的呈现效果更佳丰富。本实施例中，对呈现策略不进行限制，例如，在网页元素为图像时，相应的呈现策略可以是控制图像产生渐变，则多个第二网页元素可产生不同的渐变效果；在网页元素为文字时，相应的呈现策略可以是控制文字颜色的变换，则多个第二网页元素可变换不同的颜色。假设网页文档4.html中记录了图像文件index.jpeg(第一网页元素)，而在index, jpeg中又记录了图像文件a.jpeg、b.jpeg、c.jpeg、d.jpeg (第二网页元素)，则根据图4可知加载过程如下:首先加载网页文档4.html ;从4.html中读取图像文件index, jpeg的名称，获取index, jpeg并进行加载；从index, jpeg中读取a.jpeg、
b.jpeg、c.jpeg、d.jpeg 的名称，获取 a.jpeg、b.jpeg、c.jpeg、d.jpeg 以及各自对应的不同的颜色变换风格，并加载 a.jpeg、b.jpeg、c.jpeg、d.jpeg ;对于 a.jpeg、b.jpeg、c.jpeg、d.jpeg中每个加载完成的图像文件，均按照各自对应的颜色变换风格来变换颜色。
[0046]如图5所示，本发明的一个实施例中公开了一种网页加载方法，其包括:
[0047]步骤510，加载网页文档，网页文档中记录有第一网页元素的标识，第一网页元素用于记录与网页文档对应的多个第二网页元素的位置信息、层次信息和/或动态变化规则。
[0048]步骤520，从网页文档中获取第一网页元素的标识，并根据第一网页元素的标识获取第一网页元素进行加载。
[0049]步骤530，从第一网页元素中获取多个第二网页元素的标识，并根据多个第二网页元素的标识获取多个第二网页元素进行加载。
[0050]步骤540，按多个第二网页元素的位置信息，设置加载完成的第二网页元素的位置。
[0051]假设网页文档5.html中记录了图像文件index, gif (第一网页元素)，而在index, gif中又记录了图像文件a.gif、b.gif、c.gif、d.gif (第二网页元素)，则根据图5可知加载过程如下:首先加载网页文档5.html ;从5.html中读取图像文件index, gif的名称，获取index, gif并进行加载；从index, gif中读取a.gif、b.gif、c.gif、d.gif的名称，获取 a.gif、b.gif、c.gif、d.gif 各自的位置信息，并加载 a.gif、b.gif、c.gif、d.gif ;对于a.gif、b.gif、c.gif、d.gif中每个加载完成的图像文件，均按照各自对应的位置信息设置在网页上的不同位置。
[0052]按多个第二网页元素的层次信息，控制多个第二网页元素相互之间的层次关系。
[0053]假设网页文档6.html中记录了动画文件index, swf (第一网页元素)，而在index, swf中又记录了动画文件a.swf、b.swf、c.swf、d.swf (第二网页元素)，则根据图5可知加载过程如下:首先加载网页文档6.html ;从6.html中读取动画文件index, swf的名称，获取index, swf并进行加载；从index, swf中读取a.swf、b.swf、c.swf、d.swf的名称，获取a.swf、b.swf、c.swf、d.swf和其对应的层次关系，并进行加载；在a.swf、b.swf、
c.swf、d.swf都完成加载后，按照预设的层次关系来设置a.swf、b.swf、c.swf、d.swf相互之间的层次。
[0054]按多个第二网页元素的动态变化规则，控制每个加载完成的第二网页元素的动态变化。
[0055]假设网页文档7.html中记录了动画文件index, swf (第一网页元素)，而在index, swf中又记录了动画文件a.swf、b.swf、c.swf、d.swf (第二网页元素)，则根据图5可知加载过程如下:首先加载网页文档6.html ;从6.html中读取动画文件index, swf的名称，获取index, swf并进行加载；从index, swf中读取a.swf、b.swf、c.swf、d.swf的名称，获取a.swf、b.swf、c.swf、d.swf和其对应的不同的动画动作，并进行加载；在a.swf、
b.swf、c.swf、d.swf中任一个完成加载后，按照预设的动画变化规则来控制其动态变化。
[0056]如图6所示，本发明的一个实施例中公开了一种网页加载方法，其包括:
[0057]步骤610，加载网页文档，网页文档中记录有第一网页元素的标识，第一网页元素用于记录与网页文档对应的多个第二网页元素的标识，第一网页元素中记录有多个第二网页元素的大小。
[0058]步骤620，从网页文档中获取第一网页元素的标识，并根据第一网页元素的标识获取第一网页元素进行加载。
[0059]步骤630，从第一网页元素中获取多个第二网页元素的标识，并根据多个第二网页元素的标识获取多个第二网页元素进行加载。
[0060]步骤640，按多个第二网页元素的大小，顺序加载多个第二网页元素。
[0061 ] 假设网页文档8.html中记录了视频文件index, avi (第一网页元素)，而在index, avi中又记录了视频文件a.av1、b.av1、c.av1、d.avi (第二网页元素)，则根据图6可知加载过程如下:首先加载网页文档8.html ?’从8.html中读取视频文件index, avi的名称，获取index, avi并进行加载；从index, avi中读取a.av1、b.av1、c.av1、d.avi的名称，获取a.av1、b.av1、c.av1、d.avi和其各自的大小，假设以此为60k、80k、50k、30k ;根据前述的大小顺序，可知应该按照d.av1、c.av1、a.av1、b.avi的顺序进行加载。因为加载d.avi的速度最快，则可以尽早进行呈现。
[0062]如图7所示，本发明的一个实施例中公开了一种网页加载方法，其包括:
[0063]步骤710，加载网页文档，网页文档中记录有第一网页元素的标识，第一网页元素用于记录与网页文档对应的多个第二网页元素的标识，第一网页元素中记录有至少一个第二网页元素对应的加载策略和/或卸载策略。本实施例中，对加载策略、卸载策略不进行限制，例如，可以是在特定时间对某个第二网页元素进行加载或卸载，也可以是在用户进行了鼠标点击的触发下执行对某个第二网页元素的加载或卸载。
[0064]步骤720，从网页文档中获取第一网页元素的标识，并根据第一网页元素的标识获取第一网页元素进行加载。
[0065]步骤730，从第一网页元素中获取多个第二网页元素的标识，并根据加载策略，触发对相应的第二网页元素的加载。
[0066]步骤740，呈现加载完成的第二网页元素。
[0067]步骤750，对于加载完成的第二网页元素，根据卸载策略，触发对相应的第二网页元素的卸载。
[0068]假设网页文档9.html中记录了音频文件index, mp3 (第一网页元素)，而在index, mp3中又记录了音频文件a.mp3、b.mp3、c.mp3、d.mp3 (第二网页元素)，则根据图7可知加载过程如下:首先加载网页文档9.html ;从9.html中读取音频文件index, mp3的名称，获取index, mp3并进行加载；从index, mp3中读取a.mp3、b.mp3、c.mp3、d.mp3的名称，获取a.mp3、b.mp3、c.mp3、d.mp3和各自对应的加载策略和卸载策略:例如，a.mp3、b.mp3、
c.mp3是自动加载，而d.mp3需要在收到用户的触发操作时加载，a.mp3在经过一定时间后自动卸载，而d.mp3在收到用户的触发操作时卸载；自动加载a.mp3、b.mp3、c.mp3，并在收到用户的触发操作时加载d.mp3 ;在一定时间时，自动卸载a.mp3，以及在用户进行触发操作时卸载d.mp3 ο
[0069]如图8所示，本发明的一个实施例中公开了一种网页加载装置，其包括:
[0070]网页文档加载模块810，加载网页文档，网页文档中记录有第一网页元素的标识，第一网页元素用于记录与网页文档对应的多个第二网页元素的标识。
[0071]本实施例中，网页文档一般可以采用HTML等格式的文件。第一网页元素的标识包括但不限于名称、编号等多种形式。同样地，第二网页元素的标识也包括但不限于名称、编号等多种形式。第二网页元素包括但不限于图像、文档、音频、视频和多媒体文件。第一网页元素的格式不限，具体可以与第二网页元素同一格式。需要注意的是，需要呈现的内容在多个第二网页元素中，所以第一网页元素可以不包括任何需要呈现的内容。
[0072]第一网页元素加载模块820，从网页文档中获取第一网页元素的标识，并根据第一网页元素的标识获取第一网页元素进行加载。
[0073]第二网页元素加载模块830，从第一网页元素中获取多个第二网页元素的标识，并根据多个第二网页元素的标识获取多个第二网页元素进行加载。
[0074]第二网页元素呈现模块840，呈现加载完成的第二网页元素。
[0075]在现有技术中，对于一个网页元素，需要等待将其完全加载完成后才能进行呈现，而在本实施例的技术方案中，该网页元素可以被分解为通过第一网页元素联系起来的多个第二网页元素，则可发现最少在完成任一第二网页元素的加载时，即可并用于进行呈现，相比之下可知，根据本实施例的技术方案可以使得网页元素的呈现时间提前；而且，对于网页文档来说加载的是第一网页元素，第一网页元素来引导加载多个第二网页元素，则所有第二网页元素加载完成后，可以作为一个整体进行呈现，所以即使第二网页元素拆分为多个，但并不影响最终呈现的整体性。假设网页文档1.html中记录了动画文件index, swf (第一网页元素)，而在index, swf中又记录了动画文件a.swf、b.swf、c.swf、d.swf (第二网页元素)，则根据图8可知加载过程如下:首先加载网页文档l.html ;从l.html中读取动画文件index, swf 的名称，获取 index, swf 并进行加载；从 index, swf 中读取 a.swf、b.swf、c.swf、d.swf 的名称，获取 a.swf、b.swf、c.swf、d.swf 并进行加载；对于 a.swf、b.swf、c.swf、
d.swf中每个加载完成的动画文件，都可以进行显示，而不需等待其他动画文件加载完成。
[0076]本发明的一个实施例中公开了一种网页加载装置，其包括:
[0077]网页文档加载模块810，加载网页文档，网页文档中记录有第一网页元素的标识，第一网页元素用于记录与网页文档对应的多个第二网页元素的标识，网页文档中还记录有第一网页元素的呈现策略。
[0078]第一网页元素加载模块820，从网页文档中获取第一网页元素的标识，并根据第一网页元素的标识获取第一网页元素进行加载。
[0079]第二网页元素加载模块830，从第一网页元素中获取多个第二网页元素的标识，并根据多个第二网页元素的标识获取多个第二网页元素进行加载。
[0080]第二网页元素呈现模块840，按第一网页元素的呈现策略，呈现加载完成的第二网页元素。
[0081]在本实施例中，多个第二网页元素统一在第一网页元素的呈现策略的作用下进行呈现，使得多个第二网页元素之间在呈现上存在共性，则用户所看到的多个第二网页元素往往能够呈现“组合”式的效果。本实施例中，对呈现策略不进行限制，例如，在网页元素为图像时，相应的呈现策略可以是控制图像产生渐变，则多个第二网页元素均产生渐变；在网页元素为文字时，相应的呈现策略可以是控制文字颜色的变换，则多个第二网页元素的颜色均发生变换。假设网页文档2.html中记录了图像文件index, jpg (第一网页元素)，而在index, jpg中又记录了图像文件a.jpg、b.jpg、c.jpg、d.jpg(第二网页元素)，则根据图8可知加载过程如下:首先加载网页文档2.html ;从2.html中读取图像文件index, jpg的名称，获取index, jpg并进行加载；从index, jpg中读取a.jpg、b.jpg、c.jpg、d.jpg的名称，获取a.jpg、b.jpg、c.jpg、d.jpg和index, jpg对应的淡入淡出的渐变风格，并加载a.jpg、
b.jpg、c.jpg、d.jpg ;对于a.jpg、b.jpg、c.jpg、d.jpg中每个加载完成的图像文件，均按照index, jpg对应的渐变风格实现淡入淡出的效果。
[0082]本发明的一个实施例中公开了一种网页加载装置，其包括:
[0083]网页文档加载模块810，加载网页文档，网页文档中记录有第一网页元素的标识，第一网页元素用于记录与网页文档对应的多个第二网页元素的标识，网页文档中还记录有第一网页元素的位置信息。
[0084]第一网页元素加载模块820，从网页文档中获取第一网页元素的标识，并根据第一网页元素的标识获取第一网页元素进行加载。
[0085]第二网页元素加载模块830，从第一网页元素中获取多个第二网页元素的标识，并根据多个第二网页元素的标识获取多个第二网页元素进行加载。
[0086]第二网页元素呈现模块840，按第一网页元素的位置信息，设置加载完成的第二网页元素的位置。
[0087]假设网页文档3.html中记录了图像文件index, bmp (第一网页元素)，而在index, bmp中又记录了图像文件a.bmp、b.bmp、c.bmp、d.bmp (第二网页元素)，则根据图8可知加载过程如下:首先加载网页文档3.html ;从3.html中读取图像文件index, bmp的名称，获取 index, bmp 并进行加载；从 index, bmp 中读取 a.bmp、b.bmp、c.bmp、d.bmp 的名称，获取 a.bmp、b.bmp、c.bmp、d.bmp 和 index, bmp 的位置信息，并加载 a.bmp、b.bmp、
c.bmp、d.bmp ;对于a.bmp、b.bmp、c.bmp、d.bmp中每个加载完成的图像文件，均按照index,bmp的位置信息控制图像文件在网页上的位置。由于index.bmp文件中并不包含用于呈现的内容，所以其并不直接显示；而多个第二网页元素a.bmp、b.bmp、c.bmp、d.bmp同样按照index, bmp的位置信息进行显示，即会处于同一区域内，此时多个第二网页元素a.bmp,b.bmp、c.bmp、d.bmp会产生叠加，则在网页中多个第二网页元素a.bmp、b.bmp、c.bmp、
d.bmp更能呈现为一个整体。
[0088]本发明的一个实施例中公开了一种网页加载装置，其包括:
[0089]网页文档加载模块810，加载网页文档，网页文档中记录有第一网页元素的标识，第一网页元素用于记录与网页文档对应的多个第二网页元素的标识，第一网页元素中记录有多个第二网页元素的呈现策略。多个第二网页元素的呈现策略可以相同，也可以不同。
[0090]第一网页元素加载模块820，从网页文档中获取第一网页元素的标识，并根据第一网页元素的标识获取第一网页元素进行加载。
[0091]第二网页元素加载模块830，从第一网页元素中获取多个第二网页元素的标识，并根据多个第二网页元素的标识获取多个第二网页元素进行加载。
[0092]第二网页元素呈现模块840，按多个第二网页元素的呈现策略，呈现加载完成的第二网页元素。
[0093]在本实施例中，多个第二网页元素在对应呈现策略的作用下进行呈现，在多个第二网页元素对应有不同类型的呈现策略时，则可以进行不同方式的呈现，这使得多个第二网页元素的呈现效果更佳丰富。本实施例中，对呈现策略不进行限制，例如，在网页元素为图像时，相应的呈现策略可以是控制图像产生渐变，则多个第二网页元素可产生不同的渐变效果；在网页元素为文字时，相应的呈现策略可以是控制文字颜色的变换，则多个第二网页元素可变换不同的颜色。假设网页文档4.html中记录了图像文件index.jpeg(第一网页元素)，而在index, jpeg中又记录了图像文件a.jpeg、b.jpeg、c.jpeg、d.jpeg (第二网页元素)，则根据图8可知加载过程如下:首先加载网页文档4.html ;从4.html中读取图像文件index, jpeg的名称，获取index, jpeg并进行加载；从index, jpeg中读取a.jpeg、
b.jpeg、c.jpeg、d.jpeg 的名称，获取 a.jpeg、b.jpeg、c.jpeg、d.jpeg 以及各自对应的不同的颜色变换风格，并加载 a.jpeg、b.jpeg、c.jpeg、d.jpeg ;对于 a.jpeg、b.jpeg、c.jpeg、
d.jpeg中每个加载完成的图像文件，均按照各自对应的颜色变换风格来变换颜色。
[0094]本发明的一个实施例中公开了一种网页加载装置，其包括:
[0095]网页文档加载模块810，加载网页文档，网页文档中记录有第一网页元素的标识，第一网页元素用于记录与网页文档对应的多个第二网页元素的位置信息、层次信息和/或动态变化规则。
[0096]第一网页元素加载模块820，从网页文档中获取第一网页元素的标识，并根据第一网页元素的标识获取第一网页元素进行加载。
[0097]第二网页元素加载模块830，从第一网页元素中获取多个第二网页元素的标识，并根据多个第二网页元素的标识获取多个第二网页元素进行加载。
[0098]第二网页元素呈现模块840，按多个第二网页元素的位置信息，设置加载完成的第二网页元素的位置。
[0099]假设网页文档5.html中记录了图像文件index, gif (第一网页元素)，而在index, gif中又记录了图像文件a.gif、b.gif、c.gif、d.gif (第二网页元素)，则根据图8可知加载过程如下:首先加载网页文档5.html ;从5.html中读取图像文件index, gif的名称，获取index, gif并进行加载；从index, gif中读取a.gif、b.gif、c.gif、d.gif的名称，获取 a.gif、b.gif、c.gif、d.gif 各自的位置信息，并加载 a.gif、b.gif、c.gif、d.gif ;对于a.gif、b.gif、c.gif、d.gif中每个加载完成的图像文件，均按照各自对应的位置信息设置在网页上的不同位置。
[0100]按多个第二网页元素的层次信息，控制多个第二网页元素相互之间的层次关系。
[0101]假设网页文档6.html中记录了动画文件index, swf (第一网页元素)，而在index, swf中又记录了动画文件a.swf、b.swf、c.swf、d.swf (第二网页元素)，则根据图8可知加载过程如下:首先加载网页文档6.html ;从6.html中读取动画文件index, swf的名称，获取index, swf并进行加载；从index, swf中读取a.swf、b.swf、c.swf、d.swf的名称，获取a.swf、b.swf、c.swf、d.swf和其对应的层次关系，并进行加载；在a.swf、b.swf、
c.swf、d.swf都完成加载后，按照预设的层次关系来设置a.swf、b.swf、c.swf、d.swf相互之间的层次。
[0102]按多个第二网页元素的动态变化规则，控制每个加载完成的第二网页元素的动态变化。
[0103]假设网页文档7.html中记录了动画文件index, swf (第一网页元素)，而在index, swf中又记录了动画文件a.swf、b.swf、c.swf、d.swf (第二网页元素)，则根据图8可知加载过程如下:首先加载网页文档6.html ;从6.html中读取动画文件index, swf的名称，获取index, swf并进行加载；从index, swf中读取a.swf、b.swf、c.swf、d.swf的名称，获取a.swf、b.swf、c.swf、d.swf和其对应的不同的动画动作，并进行加载；在a.swf、
b.swf、c.swf、d.swf中任一个完成加载后，按照预设的动画变化规则来控制其动态变化。
[0104]本发明的一个实施例中公开了一种网页加载装置，其包括:
[0105]网页元素加载模块810，加载网页文档，网页文档中记录有第一网页元素的标识，第一网页元素用于记录与网页文档对应的多个第二网页元素的标识，第一网页元素中记录有多个第二网页元素的大小。
[0106]第一网页元素加载模块820，从网页文档中获取第一网页元素的标识，并根据第一网页元素的标识获取第一网页元素进行加载。
[0107]第二网页元素加载模块830，从第一网页元素中获取多个第二网页元素的标识，并根据多个第二网页元素的标识获取多个第二网页元素进行加载。
[0108]第二网页元素呈现模块840，按多个第二网页元素的大小，顺序加载多个第二网页元素。
[0109]假设网页文档8.html中记录了视频文件index, avi (第一网页元素)，而在index, avi中又记录了视频文件a.av1、b.av1、c.av1、d.avi (第二网页元素)，则根据图8可知加载过程如下:首先加载网页文档8.html ?’从8.html中读取视频文件index, avi的名称，获取index, avi并进行加载；从index, avi中读取a.av1、b.av1、c.av1、d.avi的名称，获取a.av1、b.av1、c.av1、d.avi和其各自的大小，假设以此为60k、80k、50k、30k ;根据前述的大小顺序，可知应该按照d.av1、c.av1、a.av1、b.avi的顺序进行加载。因为加载d.avi的速度最快，则可以尽早进行呈现。
[0110]如图9所示，本发明的一个实施例中公开了一种网页加载装置，其包括:
[0111]网页文档加载模块910，加载网页文档，网页文档中记录有第一网页元素的标识，第一网页元素用于记录与网页文档对应的多个第二网页元素的标识，第一网页元素中记录有至少一个第二网页元素对应的加载策略和/或卸载策略。本实施例中，对加载策略、卸载策略不进行限制，例如，可以是在特定时间对某个第二网页元素进行加载或卸载，也可以是在用户进行了鼠标点击的触发下执行对某个第二网页元素的加载或卸载。
[0112]第一网页元素加载模块920，从网页文档中获取第一网页元素的标识，并根据第一网页元素的标识获取第一网页元素进行加载。
[0113]第二网页元素加载模块930，从第一网页元素中获取多个第二网页元素的标识，并根据加载策略，触发对相应的第二网页元素的加载。
[0114]第二网页元素呈现模块940，呈现加载完成的第二网页元素。
[0115]第二网页元素卸载模块950，对于加载完成的第二网页元素，根据卸载策略，触发对相应的第二网页元素的卸载。
[0116]假设网页文档9.html中记录了音频文件index, mp3 (第一网页元素)，而在index, mp3中又记录了音频文件a.mp3、b.mp3、c.mp3、d.mp3 (第二网页元素)，则根据图9可知加载过程如下:首先加载网页文档9.html ;从9.html中读取音频文件index, mp3的名称，获取index, mp3并进行加载；从index, mp3中读取a.mp3、b.mp3、c.mp3、d.mp3的名称，获取a.mp3、b.mp3、c.mp3、d.mp3和各自对应的加载策略和卸载策略:例如，a.mp3、b.mp3、
c.mp3是自动加载，而d.mp3需要在收到用户的触发操作时加载，a.mp3在经过一定时间后自动卸载，而d.mp3在收到用户的触发操作时卸载；自动加载a.mp3、b.mp3、c.mp3，并在收到用户的触发操作时加载d.mp3 ;在一定时间时，自动卸载a.mp3，以及在用户进行触发操作时卸载d.mp3 ο
[0117]在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
[0118]在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。
[0119]类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循【具体实施方式】的权利要求书由此明确地并入该【具体实施方式】，其中每个权利要求本身都作为本发明的单独实施例。
[0120]本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
[0121]此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
[0122]本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的数据文件写入系统、数据文件读取系统中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。
[0123]应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
[0124]A1、一种网页加载方法，其包括:
[0125]加载网页文档，所述网页文档中记录有第一网页元素的标识，所述第一网页元素用于记录与所述网页文档对应的多个第二网页元素的标识；
[0126]从所述网页文档中获取所述第一网页元素的标识，并根据所述第一网页元素的标识获取所述第一网页元素进行加载；
[0127]从所述第一网页元素中获取所述多个第二网页元素的标识，并根据所述多个第二网页元素的标识获取所述多个第二网页元素进行加载；
[0128]呈现加载完成的第二网页元素。
[0129]A2、根据A1所述的方法，其中，所述网页文档中还记录有所述第一网页元素的呈现策略；呈现加载完成的第二网页元素，具体包括:
[0130]按所述第一网页元素的呈现策略，呈现加载完成的第二网页元素。
[0131]A3、根据A2所述的方法，其中，所述第一网页元素的呈现策略包括所述第一网页元素的位置信息；呈现加载完成的第二网页元素，具体包括:
[0132]按所述第一网页元素的位置信息，设置加载完成的第二网页元素的位置。
[0133]A4、根据A1所述的方法，其中，所述第一网页元素中记录有所述多个第二网页元素的呈现策略；呈现加载完成的第二网页元素，具体包括:
[0134]按所述多个第二网页元素的呈现策略，呈现加载完成的第二网页元素。
[0135]A5、根据A4所述的方法，其中，所述多个第二网页元素的呈现策略包括所述多个第二网页元素的位置信息、层次信息和/或动态变化规则；呈现加载完成的第二网页元素，具体包括:
[0136]按所述多个第二网页元素的位置信息，设置加载完成的第二网页元素的位置；和/或
[0137]按所述多个第二网页元素的层次信息，控制所述多个第二网页元素相互之间的层次关系；和/或
[0138]按所述多个第二网页元素的动态变化规则，控制所述每个加载完成的第二网页元素的动态变化。
[0139]A6、根据A1所述的方法，其中，所述第一网页元素中记录有所述多个第二网页元素的大小；根据所述多个第二网页元素的标识获取所述多个第二网页元素进行加载，具体包括:
[0140]按所述多个第二网页元素的大小，顺序加载所述多个第二网页元素。
[0141]A7、根据A1所述的方法，其中，所述第一网页元素中记录有至少一个第二网页元素对应的加载策略和/或卸载策略；根据所述多个第二网页元素的标识获取所述多个第二网页元素进行加载，具体包括:
[0142]根据所述加载策略，触发对相应的第二网页元素的加载；
[0143]所述方法还包括:根据所述卸载策略，触发对相应的第二网页元素的卸载。
[0144]A8、根据A1至A7中任一项所述的方法，其中，所述第二网页元素包括以下至少一项:图像、文档、音频、视频和多媒体文件。
[0145]A9、一种网页加载装置，其包括:
[0146]网页文档加载模块，用于加载网页文档，所述网页文档中记录有第一网页元素的标识，所述第一网页元素用于记录与所述网页文档对应的多个第二网页元素的标识；
[0147]第一网页元素加载模块，用于从所述网页文档中获取所述第一网页元素的标识，并根据所述第一网页元素的标识获取所述第一网页元素进行加载；
[0148]第二网页元素加载模块，用于从所述第一网页元素中获取所述多个第二网页元素的标识，并根据所述多个第二网页元素的标识获取所述多个第二网页元素进行加载；
[0149]第二网页元素呈现模块，用于呈现加载完成的第二网页元素。
[0150]A10、根据A9所述的装置，其中，所述网页文档中还记录有所述第一网页元素的呈现策略；
[0151]所述第二网页元素呈现模块按所述第一网页元素的呈现策略，呈现加载完成的第二网页元素。
[0152]All、根据A10所述的装置，其中，所述第一网页元素和所述多个第二网页元素的尺寸相同，所述多个第二网页元素为图像，所述第一网页元素的呈现策略包括所述第一网页元素的位置信息；
[0153]所述第二网页元素呈现模块按所述第一网页元素的位置信息，设置加载完成的第二网页元素的位置。
[0154]A12、根据A9所述的装置，其中，所述第一网页元素中记录有所述多个第二网页元素的呈现策略；
[0155]所述第二网页元素呈现模块按所述多个第二网页元素的呈现策略，呈现加载完成的第二网页元素。
[0156]A13、根据A12所述的装置，其中，所述多个第二网页元素的呈现策略包括所述多个第二网页元素的位置信息、层次信息和/或动态变化规则；
[0157]所述第二网页元素呈现模块按所述多个第二网页元素的位置信息，设置加载完成的第二网页元素的位置；和/或按所述多个第二网页元素的层次信息，控制所述多个第二网页元素相互之间的层次关系；和/或按所述多个第二网页元素的动态变化规则，控制所述每个加载完成的第二网页元素的动态变化。
[0158]A14、根据A9所述的装置，其中，所述第一网页元素中记录有所述多个第二网页元素的大小；
[0159]所述第二网页元素呈现模块按所述多个第二网页元素的大小，顺序加载所述多个第二网页元素。
[0160]A15、根据A9所述的装置，其中，所述第一网页元素中记录有至少一个第二网页元素对应的加载策略和/或卸载策略；
[0161]所述第二网页元素加载模块根据所述加载策略，触发对相应的第二网页元素的加载；
[0162]所述装置还包括:所述第二网页元素卸载模块，用于根据所述卸载策略，触发对相应的第二网页元素的卸载。
[0163]A16、根据A9至A15中任一项所述的装置，其中，所述第二网页元素包括以下至少一项:图像、文档、音频、视频和多媒体文件。
【权利要求】
1.一种网页加载方法，其包括: 加载网页文档，所述网页文档中记录有第一网页元素的标识，所述第一网页元素用于记录与所述网页文档对应的多个第二网页元素的标识； 从所述网页文档中获取所述第一网页元素的标识，并根据所述第一网页元素的标识获取所述第一网页元素进行加载； 从所述第一网页元素中获取所述多个第二网页元素的标识，并根据所述多个第二网页元素的标识获取所述多个第二网页元素进行加载； 呈现加载完成的第二网页元素。
2.根据权利要求1所述的方法，其中，所述网页文档中还记录有所述第一网页元素的呈现策略；呈现加载完成的第二网页元素，具体包括: 按所述第一网页元素的呈现策略，呈现加载完成的第二网页元素。
3.根据权利要求2所述的方法，其中，所述第一网页元素的呈现策略包括所述第一网页元素的位置信息；呈现加载完成的第二网页元素，具体包括: 按所述第一网页元素的位置信息，设置加载完成的第二网页元素的位置。
4.根据权利要求1所述的方法，其中，所述第一网页元素中记录有所述多个第二网页元素的呈现策略；呈现加载完成的第二网页元素，具体包括: 按所述多个第二网页元素的呈现策略，呈现加载完成的第二网页元素。
5.根据权利要求4所述的方法，其中，所述多个第二网页元素的呈现策略包括所述多个第二网页元素的位置信息、层次信息和丨或动态变化规则；呈现加载完成的第二网页元素，具体包括: 按所述多个第二网页元素的位置信息，设置加载完成的第二网页元素的位置；和/或按所述多个第二网页元素的层次信息，控制所述多个第二网页元素相互之间的层次关系；和/或 按所述多个第二网页元素的动态变化规则，控制所述每个加载完成的第二网页元素的动态变化。
6.一种网页加载装置，其包括: 网页文档加载模块，用于加载网页文档，所述网页文档中记录有第一网页元素的标识，所述第一网页元素用于记录与所述网页文档对应的多个第二网页元素的标识； 第一网页元素加载模块，用于从所述网页文档中获取所述第一网页元素的标识，并根据所述第一网页元素的标识获取所述第一网页元素进行加载； 第二网页元素加载模块，用于从所述第一网页元素中获取所述多个第二网页元素的标识，并根据所述多个第二网页元素的标识获取所述多个第二网页元素进行加载； 第二网页元素呈现模块，用于呈现加载完成的第二网页元素。
7.根据权利要求6所述的装置，其中，所述网页文档中还记录有所述第一网页元素的呈现策略； 所述第二网页元素呈现模块按所述第一网页元素的呈现策略，呈现加载完成的第二网页元素。
8.根据权利要求7所述的装置，其中，所述第一网页元素和所述多个第二网页元素的尺寸相同，所述多个第二网页元素为图像，所述第一网页元素的呈现策略包括所述第一网页元素的位置信息； 所述第二网页元素呈现模块按所述第一网页元素的位置信息，设置加载完成的第二网页元素的位置。
9.根据权利要求6所述的装置，其中，所述第一网页元素中记录有所述多个第二网页元素的呈现策略； 所述第二网页元素呈现模块按所述多个第二网页元素的呈现策略，呈现加载完成的第二网页元素。
10.根据权利要求9所述的装置，其中，所述多个第二网页元素的呈现策略包括所述多个第二网页元素的位置信息、层次信息和/或动态变化规则； 所述第二网页元素呈现模块按所述多个第二网页元素的位置信息，设置加载完成的第二网页元素的位置；和/或按所述多个第二网页元素的层次信息，控制所述多个第二网页元素相互之间的层次关系；和/或按所述多个第二网页元素的动态变化规则，控制所述每个加载完成的第二网页元素的动态变化。
【文档编号】G06F17/30GK104462247SQ201410664972
【公开日】2015年3月25日 申请日期:2014年11月19日 优先权日:2014年11月19日
【发明者】党子皓, 蔡剑彪, 梁蕾 申请人:北京奇虎科技有限公司, 奇智软件（北京）有限公司