一种展现网页中页面元素的方法及系统的制作方法

专利名称：一种展现网页中页面元素的方法及系统的制作方法
技术领域：
本发明涉及浏览器技术领域，特别是涉及一种展现网页中页面元素的方法及系 统。
背景技术：
网络资源在通过网页以页面元素的形式提供给用户之后，其利用率不仅需要通过 网页的点击率来体现，还需要考虑具体的页面元素是否真正被用户浏览过或收听过，否则， 即使网页的点击率较高，那也可能只能代表该网页中部分网络资源的利用率较高。通常在展现网页中的页面元素时，都是直接将页面元素在其所属网页中的指定位 置进行展现。例如，当用户需要观看网页中的某个视频时，通常是在该网页中内嵌该视频的 位置直接为用户播放该视频。参见图1(a)，其中左上角一段视频，在该状态下，该视频在浏 览器窗口的可视区域内；但是，如果用户需要同时浏览该网页中的其他内容，则随着页面的 滚动，该视频可能会无法显示在浏览器窗口的可视区域中。例如，对于图1(a)显示的网页， 当滚动条向下滚动时，可能出现的状态如图1(b)所示，可见，在浏览器窗口的可视区域内， 只能显示出上述视频一部分，显然，当滚动条继续向下滚动时，该视频将完全脱离出用户的 视线范围。即，如果用户想边观看某网页中的视频，边浏览该网页中其他的内容，会很不方 便，甚至无法实现，从而降低了网络资源的利用率。

发明内容
本发明提供一种展现网页中页面元素的方法及系统，有利于提高网络资源的利用率。本发明提供了如下方案一种展现网页中页面元素的方法，包括确定网页中的目标页面元素；将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口 的固定位置。优选的，所述将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述 浏览器窗口的固定位置包括通过修改网页中页面元素的坐标类型，将所述目标页面元素展现在所述网页所在 的浏览器窗口中相对所述浏览器窗口的固定位置。优选的，所述通过修改网页中页面元素的坐标类型，将所述目标页面元素展现在 所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置包括修改所述目标页面元素的坐标类型，将所述目标页面元素展现在所述网页所在的 浏览器窗口中相对所述浏览器窗口的固定位置。优选的，所述修改所述目标页面元素的坐标类型包括将所述目标页面元素的坐标类型设定为相对所述浏览器窗口的固定坐标；
或者，将所述目标页面元素的坐标类型设定为相对所述网页所在的页面窗口的绝对坐 标；所述方法还包括当滚动条发生滚动操作时，计算滚动条的偏移值，根据所述偏移值， 修改设定所述目标页面元素的坐标。优选的，还包括将所述目标页面元素的层次修改为最高层。优选的，当所述目标页面元素的尺寸类型为相对父节点的相对尺寸时，还包括将所述目标页面元素的尺寸类型修改为绝对尺寸。优选的，还包括修改所述目标页面元素的坐标；所述将所述目标页面元素展现 在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置包括将所述目标页面元素固定展现在相对所述浏览器窗口的指定位置。优选的，还包括当拖动所述目标页面元素的触发事件发生时，修改所述目标页面元素的坐标，移 动所述目标页面元素。优选的，当所述目标页面元素在iframe框架中时，所述修改网页中页面元素的坐 标类型，将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的 固定位置包括修改所述iframe框架的坐标类型，通过将所述iframe框架展现在相对所述浏览 器窗口的固定位置，来将所述目标页面元素展现在所述浏览器窗口中相对所述浏览器窗口 的固定位置。优选的，还包括仅在所述iframe框架中显示所述目标页面元素。优选的，所述仅在所述iframe框架中显示所述目标页面元素包括将所述iframe框架修改为与所述目标页面元素的尺寸相同，并通过修改所述目 标页面元素的坐标类型及坐标，将所述目标页面元素固定展现在所述iframe框架的缩放 基准位置，仅将所述目标页面元素显示在所述iframe框架中；或者，当所述iframe框架为非窗口模式时，将所述iframe框架修改为与所述目标页面 元素的尺寸相同，通过移动所述iframe框架的滚动条，仅将所述目标页面元素显示在所述 iframe框架中；或者，当所述iframe框架为窗口模式时，将所述iframe框架修改为与所述目标页面元 素的尺寸相同，通过移动所述iframe框架中所述目标页面元素所在的页面窗口，仅将所述 目标页面元素显示在所述iframe框架中。优选的，所述修改所述iframe框架的坐标类型，将所述iframe框架展现在所述网 页所在的浏览器窗口中相对所述浏览器窗口的固定位置包括将所述iframe框架的坐标类型设定为相对所述浏览器窗口的固定坐标，并将所 述iframe框架的坐标设置为相对所述浏览器窗口的指定位置；或者，
将所述iframe框架的坐标类型设定为相对所述网页所在的页面窗口的绝对坐 标，并将所述iframe框架的坐标设置为相对所述网页所在的页面窗口的指定位置；所述 方法还包括当滚动条发生滚动操作时，计算滚动条的偏移值，根据所述偏移值，更新所述 iframe框架的坐标。优选的，还包括将所述iframe框架的层次修改为最高层。优选的，当所述iframe框架的尺寸类型为相对父节点的相对尺寸时，还包括将所述iframe框架的尺寸类型修改为绝对尺寸。优选的，还包括修改所述iframe框架的坐标；所述通过将所述iframe框架展现 在相对所述浏览器窗口的固定位置，将所述目标页面元素展现在相对所述浏览器窗口的固 定位置包括通过将所述iframe框架固定展现在相对所述浏览器窗口的指定位置，将所述目 标页面元素展现在相对所述浏览器窗口的固定位置。优选的，还包括当通过拖动所述iframe框架的触发事件发生时，修改所述iframe框架的坐标，通 过移动所述iframe框架，移动所述目标页面元素。优选的，所述确定网页中的目标页面元素包括识别网页中预置类型的页面元素，自动将所述识别出的页面元素确定为所述目标 页面元素；或者，识别网页中预置类型的页面元素，向用户提供识别出的页面元素的展现入口，当 通过所述展现入口接收到用户请求展现页面元素的请求时，将所述用户请求展现的页面元 素确定为所述目标页面元素；或者，向用户提供网页中各页面元素的展现入口，当通过所述展现入口接收到用户请求 展现页面元素的请求时，将所述用户请求展现的页面元素确定为所述目标页面元素。一种展现网页中页面元素的系统，包括目标确定单元，用于确定网页中的目标页面元素；固定展现单元，用于将所述目标页面元素展现在所述网页所在的浏览器窗口中相 对所述浏览器窗口的固定位置。优选的，所述固定展现单元具体用于通过修改网页中页面元素的坐标类型，将所 述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。优选的，所述固定展现单元包括直接固定展现单元，用于修改所述目标页面元素的坐标类型，将所述目标页面元 素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。优选的，所述直接固定展现单元包括第一修改子单元，用于将所述目标页面元素的坐标类型设定为相对所述浏览器窗 口的固定坐标；或者，
第二修改子单元，用于将所述目标页面元素的坐标类型设定为相对所述网页所在 的页面窗口的绝对坐标；所述系统还包括第一坐标更新单元，用于当滚动条发生滚动操 作时，计算滚动条的偏移值，根据所述偏移值，修改设定所述目标页面元素的坐标。优选的，还包括第一层次修改单元，用于将所述目标页面元素的层次修改为最高层。优选的，当所述目标页面元素的尺寸类型为相对父节点的相对尺寸时，还包括第一尺寸类型修改单元，用于将所述目标页面元素的尺寸类型修改为绝对尺寸。优选的，还包括第一坐标修改单元，用于修改所述目标页面元素的坐标；所述直接固定展现单元 具体用于将所述目标页面元素固定展现在相对所述浏览器窗口的指定位置。优选的，还包括第一移动单元，用于当拖动所述目标页面元素的触发事件发生时，修改所述目标 页面元素的坐标，移动所述目标页面元素。优选的，当所述目标页面元素在iframe框架中时，所述固定展现单元包括间接固定展现单元，用于修改所述iframe框架的坐标类型，通过将所述iframe框 架展现在相对所述浏览器窗口的固定位置，来将所述目标页面元素展现在所述浏览器窗口 中相对所述浏览器窗口的固定位置。优选的，还包括显示控制单元，用于仅在所述iframe框架中显示所述目标页面元素。优选的，所述显示控制单元包括第一控制子单元，用于将所述iframe框架修改为与所述目标页面元素的尺寸相 同，并通过修改所述目标页面元素的坐标类型及坐标，将所述目标页面元素固定展现在所 述iframe框架的缩放基准位置，实现仅将所述目标页面元素显示在所述iframe框架中；或者，第二控制子单元，用于当所述iframe框架为非窗口模式时，将所述iframe框架修 改为与所述目标页面元素的尺寸相同，通过移动所述iframe框架的滚动条，仅将所述目标 页面元素显示在所述iframe框架中；或者，第三控制子单元，用于当所述iframe框架为窗口模式时，将所述iframe框架修改 为与所述目标页面元素的尺寸相同，通过移动所述iframe框架中所述目标页面元素所在 的页面窗口，仅将所述目标页面元素显示在所述iframe框架中。优选的，所述间接固定展现单元包括第三修改子单元，用于将所述iframe框架的坐标类型设定为相对所述浏览器窗 口的固定坐标，并将所述iframe框架的坐标设置为相对所述浏览器窗口的指定位置；或者，第四修改子单元，用于将所述iframe框架的坐标类型设定为相对所述网页所在 的页面窗口的绝对坐标，并将所述iframe框架的坐标设置为相对所述网页所在的页面窗 口的指定位置；所述方法还包括当滚动条发生滚动操作时，计算滚动条的偏移值，根据所 述偏移值，更新所述iframe框架的坐标。
优选的，还包括第二层次修改单元，用于将所述iframe框架的层次修改为最高层。优选的，当所述iframe框架的尺寸类型为相对父节点的相对尺寸时，还包括第二尺寸类型修改单元，用于将所述iframe框架的尺寸类型修改为绝对尺寸。优选的，还包括第二坐标修改单元，用于修改所述iframe框架的坐标；所述间接固定展现单元具 体用于通过将所述iframe框架固定展现在相对所述浏览器窗口的指定位置，将所述目标 页面元素展现在相对所述浏览器窗口的固定位置。优选的，还包括第二移动单元，用于当拖动所述iframe框架的触发事件发生时，修改所述iframe 框架的坐标，通过移动所述iframe框架，移动所述目标页面元素。优选的，所述目标确定单元包括第一确定子单元，用于识别网页中预置类型的页面元素，自动将所述识别出的页 面元素确定为所述目标页面元素；或者，第二确定子单元，用于识别网页中预置类型的页面元素，向用户提供识别出的页 面元素的展现入口，当通过所述展现入口接收到用户请求展现页面元素的请求时，将所述 用户请求展现的页面元素确定为所述目标页面元素；或者，第三确定子单元，用于向用户提供网页中各页面元素的展现入口，当通过所述展 现入口接收到用户请求展现页面元素的请求时，将所述用户请求展现的页面元素确定为所 述目标页面元素。根据本发明提供的具体实施例，本发明公开了以下技术效果本发明在确定网页中的目标页面元素之后，能够将所述页面元素展现在所述网页 所在的浏览器窗口中相对所述浏览器窗口的固定位置。由于页面元素相对浏览器窗口的位 置固定，因此，页面元素不会随着滚动条的滚动而脱离出浏览器窗口的可视区域，即，不会 脱离用户的视线范围，用户可以拖动滚动条来浏览原网页中的其他内容，同时，还可以在固 定的位置观看到目标页面元素，因此，有利于提高网络资源的利用率。


为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例中所 需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施 例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图 获得其他的附图。图1 (a)和图1 (b)是现有技术中展现页面元素的示意图；图2是本发明实施例提供的方法的流程图；图3(a)和图3(b)是本发明实施例中展现页面元素的示意图；图4是本发明实施例提供的系统的示意图。
具体实施例方式下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完 整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于 本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他 实施例，都属于本发明保护的范围。参见图2，本发明实施例提供的展现网页中页面元素的方法包括以下步骤S201 确定网页中的目标页面元素；确定目标页面元素的方法有多种，例如，可以采用自动的方式，具体的，可以预置 需要以本发明实施例提供的方式展现的页面元素类型，由浏览器识别网页中各页面元素的 类型，并自动将识别出的该预置类型的页面元素确定为目标页面元素。例如，如果预置的页 面元素类型为视频元素，则当识别出网页中存在视频元素时，就可以直接将其确定为目标 页面元素。为了避免对用户正常浏览造成影响，在识别出网页中存在预置类型的页面元素 时，可选的，可以首先向用户提供展现该预置类型的页面元素的入口，该入口可以作为向用 户提供的提示标识，同时，用户还可以通过该入口触发浏览器以本发明实施例的方式展现 页面元素。当通过该展现入口接收到用户请求展现页面元素的请求时，就可以将该用户请 求展现的页面元素确定为目标页面元素，并进行后续操作。当然，也可以根据实际情况需 要，在识别出网页中存在预置类型的页面元素时不像用户提供展现入口，而是自动的以本 发明实施例提供的方式向用户展现目标页面元素。其中，页面元素的预置类型可以作为浏览器的配置参数，由浏览器默认设置，当 然，也可以由用户根据兴趣进行手动设置，例如，用户希望以本发明实施例提供的方式展现 图片元素，则可以将相应的配置信息修改为图片元素。其中，该预置类型可以为多种，例如， 可以既识别视频元素，又识别图片元素，等等。当然，浏览器也可以不必识别页面元素的类型，而是向用户分别提供网页中各个 页面元素的展现入口，例如，可以在用户移动鼠标的过程中，每移动到一个页面元素上时， 都给出展现入口，用户可以根据自己的需要或兴趣等，点击任意页面元素的展现入口，浏览 器会在通过展现入口接收到用户请求展现页面元素的请求时，会将用户请求展现的页面元 素确定为目标页面元素，并进行后续的操作。在这种方式下，浏览器可以不用识别页面元素 的类型，进一步节省了系统开销。从用户角度而言，可以不用局限于预先设置的类型，具有 更高的灵活性。需要说明的是，具体的识别网页中页面元素类型的方法可以有多种，例如，其中一 种方式可以是在用户移动鼠标的过程中，可以利用浏览器提供的函数，获取鼠标下的页面 元素的相关信息，包括页面元素的标签、类型、名称、类标识符ClassID、父节点等等；通过 这些信息可以识别出部分页面元素的类型，如，如果发现某页面元素的标签为<img>，则可 以确定该页面元素为图片；又如，如果发现某页面元素的标签为〈object〉，则可以进一步 根据该页面元素的ClassID，判断出是否为嵌入网页的音视频播放器，以此来判断该页面元 素是否为视频或音频元素，等等。另一种识别网页中页面元素类型的方法可以是根据在加载网页过程中浏览器向 服务器发送的请求，或者服务器返回的响应中的数据部分来识别网页中页面元素的类型。
12这种方法可以识别出所有类型的页面元素，尤其是采用服务器返回的响应中的数据部分来 识别的方式，具有很高的准确性。具体的实现细节已经是现有技术，这里不再赘述。S202:将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器 窗口的固定位置。用户看来目标页面元素就像漂浮在页面上，因此，也可以称为漂浮展现， 但在漂浮展现的过程中，目标页面元素不会随着原页面滚动条的滚动而脱离用户的视线范 围。通常，网页中的页面元素都会展现在相对其父节点的固定位置，同时，由于其父节 点也在页面中，因此，页面元素相对于其所在页面窗口的位置也是固定的，这样，当滚动条 滚动时，随着页面的滚动，其中的页面元素也会一起滚动。而在本发明实施例中将页面元素 展现在原浏览器窗口中相对原浏览器窗口的固定位置，由于页面元素的位置相对原浏览器 窗口是固定的，因此，当滚动条滚动时，虽然该页面元素所在的原页面会随之滚动，但是该 页面元素始终展现在相对原浏览器窗口的固定位置。这样，由于该页面元素不会随着滚动 条的滚动而移出浏览器窗口的可视区域，即不会脱离用户的视线范围，因此，从展现层面上 看，目标元素就像漂浮在浏览器窗口中，用户可以边浏览网页中的其他内容，边观看该页面 元素，从而提高了资源的利用率。为了不至于造成混淆，下面对几个概念进行简单介绍。首先，关于页面窗口与浏览器窗口 页面窗口是浏览器窗口的一个子窗口，在浏览 器窗口的子窗口中，除了页面窗口之外可能还包括工具条等其他子窗口。另外，关于窗口与窗口的可视区域窗口中实际所容纳的内容可能并不只是当前 展现出的内容，通俗地将，就像透过窗户看风景一样，风景是无限大的，只不过只能看到与 窗口大小一致的部分而已，这部分就是可视区域。因此，可以说，窗口中实际能够被用户看 到的内容所在的区域就是窗口的可视区域。如果窗口中需要展现的内容多于其可视区域能 够展现的内容，则窗口的右侧和/或下侧会出现滚动条，可以通过拖动滚动条，改变窗口的 可视区域展现的内容。需要说明的是，在本发明实施例中，将目标页面元素展现在原浏览器窗口中相对 原浏览器窗口的固定位置，这与本发明人在先申请专利中提到的以独立窗口的方式展现网 页相关资源的方法是不同的。首先，从本质上讲，在本发明实施例的方法中，将目标页面元素展现在原浏览器窗 口中相对原浏览器窗口的固定位置之后，窗口的数目并不会改变，该目标页面元素仍然属 于原网页，只是某些属性发生了变化，其移动范围不会超出原浏览器窗口的范围；而以独立 窗口的方式展现网页相关资源时，需要首先以桌面窗口为父窗口为创建一个独立窗口(可 以理解为该窗口与浏览器窗口处于同一层次，浏览器窗口的父窗口也是桌面窗口)，或者打 开一个已知的播放器作为独立窗口等，因此，在独立窗口中展现网页相关资源后，窗口的数 目会增加，在独立窗口中展现的网页相关资源也可能不再属于原网页。其次，在用户显示层面上也有所不同。在本发明实施例中，如果在当前网页A中将 目标元素a展现在原浏览器窗口中相对原浏览器窗口的固定位置，一旦拖动浏览器窗口， 则目标元素a便会随着浏览器窗口移动，而且始终保持与浏览器窗口的相对位置不变；另 外，将当前网页A切换到另一个网页B，或者切换到其他应用程序之后，用户将无法再看到 目标元素a ；此外，如果关闭浏览器窗口，那么这个目标元素a也会消失。而在以独立窗口的方式展现的方法中，用户除了能够看到原浏览器窗口之外，还会看到一个与原浏览器窗口 相互独立的独立窗口，如果拖动原浏览器窗口，则独立窗口的位置不会发生改变，即，独立 窗口与原浏览器窗口的相对位置发生了变化，换而言之，独立窗口相对原浏览器窗口(即 网页A所在的浏览器窗口)的相对位置是不固定的；此外，如果关闭该浏览器窗口，则可以 做到展现元素a的独立窗口并不随之关闭(即消失)。另外需要说明的是，本发明实施例中，页面元素可以包括但不限于视频元素、音频 元素、图片元素、动画(包括GIF动画或flash动画等)、文本中的任意一种或任意多种组 合，当然，也可以是将来发现的其他某种页面元素。其中，所述视频元素与动画有所不同， 所述视频元素主要是指在网页内嵌的播放器中播放的流媒体文件，而动画与图片、文字资 源类似，例如网页中投放的一些flash广告等等。由于视频元素在网页中展现依赖于内嵌 的播放器，因此，在本发明实施例中，当目标页面元素为视频元素时，可以通过将其播放器 展现在相对浏览器窗口的固定位置，来实现将该视频元素展现在相对浏览器窗口的固定位 置。实际上，可以理解为网页中的播放器也是一种页面元素，当识别出网页中存在播放器 时，就可以认为网页中存在视频或音频元素，然后直接将该播放器展现在相对浏览器窗口 的固定位置即可。关于图1(a)所示的网页，则将其中左上角的视频元素展现在该网页所在的浏览 器窗口中相对该浏览器窗口的固定位置后，如图3(a)所示，可以看出，该视频被展现在浏 览器窗口的右上角位置了 ；原来展现该视频的位置变成了空白。当滚动条向下滚动之后，假 设仍滚动到图1(b)所示的位置，则利用本发明实施例方法后的效果可以如图3(b)所示，可 以看出，虽然网页中的其他内容向下滚动了，但是该视频仍然可以完整地展现在浏览器窗 口的右上角。页面元素通常具有多种属性，包括页面元素的位置、尺寸、层次、坐标(指明具体 的位置)、坐标类型(是相对坐标还是绝对坐标)等等，这些属性最初是由网站制作者在制 作网页时，根据需要设定的，但是，通过浏览器自身提供的DOM操作，可以改变任意页面元 素的任意一种属性。本发明实施例就可以通过修改页面元素的属性，来实现将目标页面元 素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。其中一种方式可 以是，通过修改网页中页面元素的坐标类型来实现，下面对该方法进行详细地介绍。
具体实施方式
一可以通过直接设置目标页面元素的坐标类型，将目标页面元素展现在相对浏览器 窗口的固定位置。首先需要说明的是，页面元素的坐标类型(position)属性通常可以包括三种 relative (相对)、absolute (绝对)、fixed (固定)，其中relative是指相对父节点的相 对坐标，absolute是指相对页面窗口的绝对坐标，fixed是指相对浏览器窗口的固定坐标。 通常，页面元素在页面中展现时，页面元素的坐标类型都是relative，即相对其父节点位 置固定，因此，当滚动条滚动时，随着页面的滚动，页面元素也会发生滚动，进而使得页面元 素与浏览器窗口的相对位置发生了变化；由于用户只能看到浏览器窗口可视区域范围内的 内容，因此，当页面元素滚动出浏览器窗口可视区域的范围时，用户就无法看到该页面元素 了。在本发明实施例中，为了能够将目标页面元素展现在网页所在的浏览器窗口中相对该浏览器窗口的固定位置，可以有多种方式，例如，其中一种简单的方式是直接将目标 页面元素的坐标类型设定为相对网页所在的浏览器窗口的固定坐标(position = fixed), 即该页面元素与原页面的相对位置发生了变化，但是与网页所在的浏览器窗口的相对位置 不变，因此，无论滚动条如何滚动，该页面元素都不会脱离网页所在的浏览器窗口的可视区 域。例如，页面元素原来的坐标为(300，400)，在滚动条不发生移动的情况下，相对网页所 在的浏览器窗口的坐标可能也是(300，400)，将目标页面元素的坐标类型设定为〈fixed〉 之后，该目标页面元素相对网页所在的浏览器窗口的坐标将不变，即，即使滚动条发生了滚 动，目标页面元素仍然会展现在相对网页所在的浏览器窗口(300，400)的位置，当然，在这 种情况下，该目标页面元素相对原页面窗口的位置已经发生了变化。需要说明的是，在上述方式中，仅修改目标页面元素的坐标类型，而该页面元素坐 标的属性值并没有变化，这样，如果在修改坐标类型之前，目标页面元素显示在显示屏的正 中央，则修改坐标类型之后，该目标页面元素仍然显示在显示屏的正中央，与修改坐标类型 之前所不同的是，当滚动条滚动时，该目标页面元素同样会显示在显示屏的正中央。可选的，为了实现更好的展现效果，还可以修改目标页面元素坐标的属性值，将目 标页面元素固定展现在相对网页所在的浏览器窗口的指定位置。例如，可以在修改目标页 面元素的坐标类型的同时，设定该目标页面元素的坐标属性值(top，left等坐标的值)， 如，可以将目标页面元素的坐标设定在网页所在的浏览器窗口的左上角，则该页面元素将 会固定展现在网页所在的浏览器窗口的左上角，当滚动条滚动时，该页面元素仍然展现在 网页所在的浏览器窗口的左上角。另一种方式还可以如下进行将目标页面元素的坐标类型设定为相对网页所在的 页面窗口的绝对坐标(position = absolute)。但是，在这种方式下，当滚动条滚动时，该页 面元素会随着网页所在的页面窗口的滚动而滚动，即，在滚动条滚动过程中，该目标页面元 素与网页所在的页面窗口的相对位置不会发生变化，但是与网页所在的浏览器窗口的相对 位置仍然会发生变化，如果不做任何处理，这种方式无法实现将目标页面元素展现在相对 网页所在的浏览器窗口的固定位置。例如，原来目标页面元素的坐标属性值为(0，400)，在初始状态下(即打开网页 后，滚动条尚未发生任何变化)，该目标页面元素相对网页所在的浏览器窗口的坐标可能是 (0,500)。如果滚动条向下滚动的偏移值为300，如果保持相对网页所在的页面窗口的坐标 不变，则该页面元素相对网页所在的浏览器窗口的坐标将会变为(0，200)，相对网页所在的 浏览器窗口的位置会发生变化，从用户视觉角度而言，相当于将该页面元素向上移动了 300 个像素。如果滚动条向下滚动的偏移值为600，则该页面元素相对网页所在的浏览器窗口的 坐标将会变为(0，-100)，此时，相当于该页面元素已经移出(或部分移出)网页所在的浏 览器窗口的可视区域了，相应的，用户将无法正常看到该页面元素。因此，在这种方式下，可以进行一些必要的处理，在本发明实施例中，采用了如下 方式监控滚动条，当滚动条发生滚动时，计算出滚动条的偏移值，然后根据所述偏移值，更 新目标页面元素的坐标。或者，也可以建立与页面窗口的事件连接点，这样当发生滚动条滚 动事件后，浏览器会收到通知，然后计算滚动条的偏移值。仍然假设原来页面元素坐标为 (0，400)，如果滚动条向下滚动的偏移值为300，则需要将页面元素的坐标属性值加上300 才能与原来的(0，400)时相对网页所在的浏览器窗口的位置保持一致，从而保证该页面元素不会被移出网页所在的浏览器窗口的可视区域。同样的，在这种方式下，也可以修改目标页面元素的坐标属性值(top，left等坐 标的值)。例如，可以将目标页面元素的坐标设定在网页所在的页面窗口的左上角，则该页 面元素将会展现在网页所在的页面窗口的左上角；当然，随着滚动条的滚动，该修改后的坐 标属性值也需要进行相应的修改，以保证该页面元素相对网页所在的浏览器窗口的位置固定。前述对具体实施方式
一进行详细地介绍，需要说明的是，在制作网页时，页面元 素的尺寸可以由绝对尺寸(如300*300)来表示，也可以由相对于父节点的相对尺寸(如 100%)来表示。显然，绝对尺寸页面元素实际的大小，而相对尺寸仅是体现了与父节点 尺寸的相关大小，例如，某页面元素的父节点的尺寸是(300*300)，该页面元素的尺寸是 100%，则该页面元素的绝对尺寸应该是(300*300)。然而，由于改变了页面元素的坐标类型，因此，其父节点可能也会随之发生变化， 此时，如果仍以相对尺寸表示页面元素的大小，则可能会使页面元素与原页面中该页面元 素的大小不一致，影响展现的效果。例如，如果将页面元素的坐标类型修改为相对网页所在 的页面窗口的绝对坐标，则该页面元素的父节点可能会变为该网页所在的页面窗口，如果 仍以100%来表示页面元素的尺寸，则该页面元素可能会与整个页面窗口的尺寸一样大。因此，在本发明实施例中，如果目标页面元素的尺寸类型为相对父节点的相对尺 寸，则可选的，可以将目标页面元素的尺寸类型修改为绝对尺寸，以保证页面元素与原页面 中该页面元素的大小一致。其中，页面元素的尺寸类型、相对尺寸的值、父节点的尺寸等信 息都属于页面元素的属性，可以由浏览器提供的函数获取到。另外，由于网页中的各页面元素可能不在同一层次上，如果仅修改了某页面元素 的坐标类型及坐标，则可能会由于该页面元素所在的层次较低，而被上层的页面元素遮挡 住，无法正常展现出来。因此，在本发明实施例中，还可以包括将目标页面元素的层次修改 为最高层的步骤，以保证目标页面元素不会被其他页面元素遮挡。当然，将目标页面元素的层次修改为最高层之后，可能会遮挡原页面中部分其他 页面元素，但是，例如，如果将目标页面元素展现在网页所在的浏览器窗口的左上角，则原 来显示在该左上角的页面元素将会被该页面元素遮挡。由于用户对这种目标页面元素的关 注度相对较高，而且，随着滚动条的滚动，当前被遮挡的内容还可能不再被遮挡，因此，可以 忽略该影响。或者，为避免这种情况，也可以通过对网页上目标页面元素以外的其他页面元素 的布局进行调整。例如，当目标页面元素显示在左上角时，可以将网页中的其他页面元素进 行整体右移，这样，目标页面元素就不会遮挡住其他的页面元素了。或者，也可以将原来的 页面元素环绕显示在目标页面元素的周围。例如，当目标页面元素显示在左上角时，此处原 来显示的是一些文字，则可以将这些文字环绕显示在该目标页面元素周围，其他的页面元 素可以不变。当然，还可以有多种其他的方式来绕开目标页面元素，这里不再一一例举。其 中，可以通过改变其他页面元素的属性来实现上述目的，例如，改变其他页面元素的尺寸、 坐标等，如果各页面元素不在同一层次，还可能需要改变其层次，等等。
具体实施方式
二在上述具体实施方式
一中，采用直接修改目标页面元素的坐标类型的方式，实现将目标页面元素展现在网页所在的浏览器窗口中相对于该浏览器窗口的固定位置。在该具 体实施方式二中，考虑了以下特殊情况目标页面元素可能在iframe框架中，此时，如果采 用具体实施方式
一的方法，会无法实现将目标页面元素展现在网页所在的浏览器窗口中相 对于该浏览器窗口的固定位置。为了便于理解，下面首先对iframe框架进行简要地介绍。Iframe框架，又叫浮动帧标记，可以用它将一个HTML文档嵌入在一个HTML中显 示，通俗地讲，就是可以在一个网页中嵌入另一个网页。其最大的特征在于它所引用的 HTML文件不是与另外的HTML文件相互独立显示，而是可以直接嵌入在一个HTML文件中，与 这个HTML文件内容相互融合，成为一个整体。例如，如有一个教程的网页，需要分成多页进 行展现，每页末尾做一个“上一页”、“下一页”的链接，除了每页教程内容不同之外，页面其 它部分内容都是相同的。此时，如果一页一页地做页面，则每点击“上一页”或“下一页”链 接时，页面上相同的内容也都需要重新加载，影响了实现的效率，而且浪费资源。这时就可 以采用iframe框架来解决该问题，具体的，可以只将教程的内容做成一页一页的内容页， 不含其它内容，这样在点击“上一页”或“下一页”链接时，就只改变教程内容部分，其它内 容保持不变，这样，每页都有的相同的内容只下载一次后就不用再下载了。其中，教程的内 容就在iframe框架中。例如，在网页A中嵌入了网页B，贝丨」，相对于网页A而言，网页B的内容就在iframe 框架中。其中，iframe框架也属于一种页面元素，其HTML标签为<iframe>，相应的，如果某 网页的HTML文件中包含<iframe>标签，则证明该网页中存在iframe框架。其中，对于iframe框架中的页面元素，其移动范围会被控制在iframe框架内。可 以说，如果iframe框架是窗口模式，则对于网页B的页面窗口而言，iframe框架相当于是 一个浏览器窗口。仍以在网页A中以iframe框架方式嵌入了网页B为例，当目标页面元 素在网页B中时，如果直接将目标页面元素的坐标类型修改为〈absolute〉，则相当于是该 目标页面元素相对网页B的页面窗口的绝对坐标，如果将目标页面元素的坐标类型修改为 〈fixed〉，则相当于是该目标页面元素相对iframe框架的固定坐标。因此，如果直接修改该 目标页面元素的坐标类型，无法使其相对于网页A的页面窗口的位置固定，更无法使其相 对于原浏览器窗口的位置固定。为此，在本发明实施例中，当目标页面元素在iframe框架中时，即如果在网页A中 确定了某目标页面元素，同时发现该目标页面元素在iframe框架中(相当于这个目标页面 元素实际上也是在网页B中)，则可以采用以下方式实现将目标页面元素展现在网页所在 的浏览器窗口中相对该浏览器窗口的固定位置将所述iframe框架的坐标类型设定为相 对该浏览器窗口的固定坐标；或者，将所述iframe框架的坐标类型设定为相对网页所在的 页面窗口的绝对坐标，当滚动条发生滚动操作时，计算滚动条的偏移值，根据所述偏移值， 更新所述iframe框架的坐标。与直接修改目标页面元素的属性时类似，还可以修改iframe框架的坐标属性值， 将其固定展现在相对网页所在的浏览器窗口的指定位置。如果iframe框架的尺寸类型为 相对尺寸，则可以将其修改为绝对尺寸；如果原页面分多层，而iframe框架所在层次没有 在最高层，则可以将其层次修改为最高层，以避免被网页中其他的内容遮挡住。该部分具体 的细节与具体实施方式
一类似，这里不再赘述。
需要说明的是，由于iframe框架也是一种页面元素，因此，也可以改变其属性。此 外，对于iframe框架中的页面元素，同样可以随着鼠标的移动感应到，同样可以通过浏览 器提供的函数获得其属性信息，如尺寸、位置、父节点等，根据其父节点信息，就可以获知该 页面元素在iframe框架中。当然，可能需要多级父节点的判断才能获知页面元素是否在 iframe框架中，例如，如果某页面元素的父节点的标签是<iframe>，则可以确定该页面元 素在iframe框架中；或者，该页面元素的父节点的标签可能是<div>，而该节点的父节点的 标签是<iframe>，此时，该页面元素也是在iframe框架中。其中，如果将iframe框架固定展现在网页所在的浏览器窗口中相对于该浏览器 窗口的固定位置，则该iframe框架中的全部内容会随着iframe框架一起展现在该浏览器 窗口的固定位置。如果仅需要将目标页面元素展现在该浏览器窗口的固定位置，而不包括 其他内容，则还需要进行一些特殊的设置。具体实现时，可以有多种方式实现仅在所述iframe框架中显示目标页面元素。方式一、由于对iframe框架进行缩放时，通常情况下会以某个坐标点为基准进行 缩放，比如以iframe框架的左上角为基准进行缩放，例如，当iframe框架缩小时，则仅能显 示出iframe框架左上角的部分内容。因此，为了便于实现仅在所述iframe框架中显示所 述目标页面元素，可以修改所述目标页面元素的坐标类型及坐标，将所述目标页面元素固 定展现在所述iframe框架的缩放基准位置(如左上角)，将iframe框架缩放为与目标页面 元素的尺寸相同后，将正好在iframe框架中显示出该目标页面元素。当然，在这种方式下，将所述目标页面元素固定展现在所述iframe框架的左上角 的具体方法可以是，将目标页面元素的坐标类型修改为〈absolute〉或〈fixed〉，并将其坐 标修改为(0，0)即可。此外，在这种方式下，同样会涉及修改目标页面元素的尺寸类型或层 次的问题，参照具体实施方式
一即可，这里不再赘述。需要说明的是，无论iframe框架是窗口模式还是非窗口模式，该方式一都适用。 如果不采用该方式一，则针对窗口模式和非窗口模式，还可以分别采用其他的方法来实现。方式二、当iframe框架为非窗口模式时，则如果将iframe框架缩小，则iframe框 架中将出现滚动条，此时，可以通过移动所述iframe框架的滚动条，将所述目标页面元素 显示在所述iframe框架中。也就是说，如果在网页A中以iframe框架方式嵌入了网页B，在网页A中识别出了 页面元素X，而该页面元素X在iframe框架中，实际上也是网页B的一个页面元素。此时， 如果iframe框架为非窗口模式，则iframe框架相当于是网页B的页面本身，此时，如果将 iframe框架缩小，将仅能显示网页B的左上角部分，同时，网页B的页面右方和下方否可能 出现滚动条，可以通过移动该滚动条，将目标页面元素显示在iframe框架中。方式三、当所述iframe框架为窗口模式时，相当于iframe框架窗口是目标页面元 素所在页面窗口的父窗口，此时，可以通过移动所述iframe框架中目标页面元素所在的页 面，将所述目标页面元素显示在所述iframe框架中。仍然假设在网页A中以iframe框架方式嵌入了网页B，在网页A中识别出了页面 元素X，而该页面元素X在iframe框架中，实际上是网页B的一个页面元素。此时，如果 iframe框架是窗口方式，则相当于网页B的页面窗口是iframe框架窗口的子窗口，由于可 以通过移动子窗口来改变父窗口与子窗口的相对位置，因此，可以通过移动网页B的页面
18窗口，来改变iframe框架窗口中可以显示的内容，直到将目标页面元素显示在iframe框架 窗口中即可。当然，这些移动的行为都是由浏览器来完成的。前文所述描述了如何通过修改网页中页面元素的坐标类型，实现将目标元素展现 在所述网页所在的浏览器窗口中相对该浏览器窗口的固定位置，在其他实施例中，也可以 基于本发明基本思想采用其他手段来实现，例如，可以修改页面元素的其他属性，等等，这 里不再赘述。此外，用户可以根据需要对目标页面元素的大小、位置等进行调整。例如，可以通 过为目标页面元素或iframe框架设置属性，来实现对目标页面元素的缩放，或者使用户能 够通过拖动目标页面元素或iframe框架来改变页面元素的位置，等等，这样，可以满足用 户多方面的需求。其中，当拖动所述目标页面元素的触发事件发生时，可以通过修改所述目标页面 元素的坐标，来移动所述目标页面元素。用户拖动目标页面元素时，可以使用鼠标或键盘， 当然也可以是其他工具，下面简单介绍通过鼠标或键盘来拖动目标页面元素的方法，使用 其他工具时，也可以做类似处理。为了使用户能够通过鼠标或键盘拖动来改变页面元素的 位置，具体可以如下进行对于用键盘移动的实现方式，可以预先设置用于移动的按键(例 如，可以是键盘上的“上、下、左、右”键，当然，也可以是其他的按键)，并且可以预先设置 当按键被按下时，移动的方向、距离等。当判断出用户按下预置的按键时，可以根据预先设 置的规则进行移动。具体实现时，用户可以先选中需要移动的目标页面元素或iframe框 架，浏览器可以口向应目标页面元素或iframe框架的onkeydown、onkeyup或者onkeypress 事件，其中，onkeydown事件是指在用户按下任何键盘键(包括系统按钮，如箭头键和功能 键)时发生的事件；onkeyup事件是指在用户放开任何先前按下的键盘键时发生的事件； onkeypress事件是指在用户按下并放开任何字母数字键时发生的事件。在该事件发生时， 可以判断出用户在键盘按下了什么键，如果是预置的按键，则可以根据预置的规则移动用 户选中的页面元素或iframe框架。例如，可以预置为按一下移动10个像素，移动的方向与 按键上的方向一致，则如果用户按下“下”，则将用户选中的页面元素或iframe框架往下移 动10个像素，相应的，将页面元素或iframe框架的top坐标加10。对于使用鼠标移动的实现方式，用户可以将鼠标放在需要移动的页面元素或 iframe框架上，浏览器可以口向应页面元素或iframe框架的onmousedown、onmousemove、 onmouseup事件，其中，onmousedown事件是指鼠标按键被按下时发生的事件，onmousemove 事件是指鼠标指针移动时发生的事件，onmouseup事件是指鼠标按键被松开时发生的事件。 在onmousedown事件发生时，设定页面元素或iframe框架被跟踪，通过setCapture函数 (该函数用于在属于当前线程的指定窗口里设置鼠标捕获)，在onmousemove事件发生的时 候，获取当前鼠标的位置坐标与之前的偏移值，然后将页面元素或iframe框架的坐标加上 此偏移值，即可得到页面元素或iframe框架的新坐标，只需要再次设定页面元素或iframe 框架的坐标为该新坐标即可。在onmouseup的事件发生时，可以通过函数releaseCapture 函数(该函数用户从当前线程中的窗口释放鼠标捕获，并恢复通常的鼠标输入处理)释放 鼠标跟踪。当然，如果是将目标页面元素所在的iframe框架展现在了相对浏览器窗口的固 定位置，则用户也可以通过拖动iframe框架来移动目标页面元素。对于浏览器而言，当通过拖动所述iframe框架的触发事件发生时，修改所述iframe框架的坐标，实现通过移动所 述iframe框架，移动所述目标页面元素。另外需要说明的是，如果在同一个页面中识别出了多个页面元素，或者，用户在一 个页面中指定展现多个页面元素，则可以分别将这多个页面元素都展现在相对浏览器窗口 的固定位置。综合上述各种特征，本发明实施例还可以有如下应用假设网页中有两个表格或 者两张图片，用户需要对比，可以选择首先将其第一个表格或者图片展现在相对浏览器窗 口的固定位置，然后移动到另一个表格或者图片的位置进行对比操作。本领域普通技术人员可以理解实现上述实施例方法中的全部或部分步骤是可以 通过程序来指令相关的硬件来完成，所述的程序可以存储于一计算机可读取存储介质中， 该程序在执行时，包括如下步骤确定网页中的目标页面元素；修改网页中页面元素的坐 标类型，将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的 固定位置。所述的存储介质，如ROM/RAM、磁碟、光盘等。与本发明实施例提供的展现网页中页面元素的方法相对应，本发明实施例该提供 了一种展现网页中页面元素的系统，参见图4，该系统包括目标确定单元401，用于确定网页中的目标页面元素；固定展现单元402，用于将所述目标页面元素展现在所述网页所在的浏览器窗口 中相对所述浏览器窗口的固定位置。其中，固定展现单元402具体用于通过修改网页中页面元素的坐标类型，将所述 目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。具体实现时，固定展现单元402可以包括直接固定展现单元，用于修改所述目标页面元素的坐标类型，将所述目标页面元 素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。具体修改目标页面元素的坐标类型时，所述直接固定展现单元可以包括第一修改子单元，用于将所述目标页面元素的坐标类型设定为相对所述浏览器窗 口的固定坐标；或者，第二修改子单元，用于将所述目标页面元素的坐标类型设定为相对所述网页所在 的页面窗口的绝对坐标；所述系统还包括第一坐标更新单元，用于当滚动条发生滚动操 作时，计算滚动条的偏移值，根据所述偏移值，修改设定所述目标页面元素的坐标。为了避免目标页面元素被网页中其他的页面元素遮挡，该系统还可以包括第一层次修改单元，用于将所述目标页面元素的层次修改为最高层。当所述目标页面元素的尺寸类型为相对父节点的相对尺寸时，如果还是用相对尺 寸表示目标页面元素的尺寸属性，则该目标页面元素可能会与原网页中的尺寸不同，为了 避免这种情况的发生，该系统还可以包括 第一尺寸类型修改单元，用于将所述目标页面元素的尺寸类型修改为绝对尺寸。另外，还可以改变目标页面元素的展现位置，例如，可以将目标页面元素固定展现 在所述浏览器窗口的左上角等指定位置。相应的，该系统还可以包括第一坐标修改单元，用于修改所述目标页面元素的坐标；所述直接固定展现单元具体用于将所述目标页面元素固定展现在相对所述浏览器窗口的指定位置。在将目标页面元素展现在相对浏览器窗口的固定位置之后，为了使用户可以通过 键盘或鼠标等来拖动目标页面元素，该系统还可以包括第一移动单元，用于当拖动所述目标页面元素的触发事件发生时，修改所述目标 页面元素的坐标，移动所述目标页面元素。当所述目标页面元素在iframe框架中时，固定展现单元402可以包括间接固定展现单元，用于修改所述iframe框架的坐标类型，通过将所述iframe框 架展现在相对所述浏览器窗口的固定位置，将所述目标页面元素展现在所述浏览器窗口中 相对所述浏览器窗口的固定位置。由于iframe框架除了所述目标页面元素之外，还可能包括其他的页面元素，此 时，该系统还可以包括显示控制单元，用于仅在所述iframe框架中显示所述目标页面元素。具体实现时，显示控制单元可以包括第一控制子单元，用于将所述iframe框架修改为与所述目标页面元素的尺寸相 同，并通过修改所述目标页面元素的坐标类型及坐标，将所述目标页面元素固定展现在所 述iframe框架的缩放基准位置，实现仅将所述目标页面元素显示在所述iframe框架中；或者，第二控制子单元，用于当所述iframe框架为非窗口模式时，将所述iframe框架修 改为与所述目标页面元素的尺寸相同，通过移动所述iframe框架的滚动条，仅将所述目标 页面元素显示在所述iframe框架中；或者，第三控制子单元，用于当所述iframe框架为窗口模式时，将所述iframe框架修改 为与所述目标页面元素的尺寸相同，通过移动所述iframe框架中所述目标页面元素所在 的页面窗口，仅将所述目标页面元素显示在所述iframe框架中。与直接固定展现单元类似，间接固定展现单元可以包括第三修改子单元，用于将所述iframe框架的坐标类型设定为相对浏览器窗口的 固定坐标，并将所述iframe框架的坐标设置为相对浏览器窗口的指定位置；或者，第四修改子单元，用于将所述iframe框架的坐标类型设定为相对所述网页所在 的页面窗口的绝对坐标，并将所述iframe框架的坐标设置为相对所述网页所在的页面窗 口的指定位置；此时，该系统还包括第二坐标更新单元，用于当滚动条发生滚动操作时， 计算滚动条的偏移值，根据所述偏移值，更新所述iframe框架的坐标。类似的，该系统还可以包括第二层次修改单元，用于将所述iframe框架的层次修改为最高层。当所述iframe框架的尺寸类型为相对父节点的相对尺寸时，该系统还可以包括第二尺寸类型修改单元，用于将所述iframe框架的尺寸类型修改为绝对尺寸。此外，该系统还可以包括第二坐标修改单元，用于修改所述iframe框架的坐标；所述间接固定展现单元具 体用于通过将所述iframe框架固定展现在相对所述浏览器窗口的指定位置，将所述目标页面元素展现在相对所述浏览器窗口的固定位置。同样，在通过iframe框架将目标页面元素展现在相对浏览器窗口的固定位置之 后，为了使用户可以通过键盘或鼠标来拖动目标页面元素，该系统还可以包括第二移动单元，用于当拖动所述iframe框架的触发事件发生时，修改所述iframe 框架的坐标，通过移动所述iframe框架，移动所述目标页面元素。在实际应用中，可以有多种方式来确定目标页面元素，例如，目标确定单元401可 以包括第一确定子单元，用于识别网页中预置类型的页面元素，自动将所述识别出的页 面元素确定为所述目标页面元素；或者，第二确定子单元，用于识别网页中预置类型的页面元素，向用户提供识别出的页 面元素的展现入口，当通过所述展现入口接收到用户请求展现页面元素的请求时，将所述 用户请求展现的页面元素确定为所述目标页面元素；或者，第三确定子单元，用于向用户提供网页中各页面元素的展现入口，当通过所述展 现入口接收到用户请求展现页面元素的请求时，将所述用户请求展现的页面元素确定为所 述目标页面元素。本发明中所描述的系统、装置和方法适用于各种网络或客户端环境中，其例如可 以实现在诸如个人计算机设备之类的计算机设备中，或者可以实现在诸如移动电话、移动 通信设备、个人数字助理(PDA)等其他电子设备中。以上对本发明所提供的一种展现网页中页面元素的方法及系统，进行了详细介 绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只 是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发 明的思想，在具体实施方式
及应用范围上均会有改变之处。综上所述，本说明书内容不应理 解为对本发明的限制。
2权利要求
1.一种展现网页中页面元素的方法，其特征在于，包括确定网页中的目标页面元素；将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固 定位置。
2.根据权利要求1所述的方法，其特征在于，所述将所述目标页面元素展现在所述网 页所在的浏览器窗口中相对所述浏览器窗口的固定位置包括通过修改网页中页面元素的坐标类型，将所述目标页面元素展现在所述网页所在的浏 览器窗口中相对所述浏览器窗口的固定位置。
3.根据权利要求2所述的方法，其特征在于，所述通过修改网页中页面元素的坐标类 型，将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定 位置包括修改所述目标页面元素的坐标类型，将所述目标页面元素展现在所述网页所在的浏览 器窗口中相对所述浏览器窗口的固定位置。
4.根据权利要求3所述的方法，其特征在于，所述修改所述目标页面元素的坐标类型 包括将所述目标页面元素的坐标类型设定为相对所述浏览器窗口的固定坐标；或者，将所述目标页面元素的坐标类型设定为相对所述网页所在的页面窗口的绝对坐标；所 述方法还包括当滚动条发生滚动操作时，计算滚动条的偏移值，根据所述偏移值，修改设 定所述目标页面元素的坐标。
5.根据权利要求3或4所述的方法，其特征在于，还包括将所述目标页面元素的层次修改为最高层。
6.根据权利要求3或4所述的方法，其特征在于，当所述目标页面元素的尺寸类型为相 对父节点的相对尺寸时，还包括将所述目标页面元素的尺寸类型修改为绝对尺寸。
7.根据权利要求3或4所述的方法，其特征在于，还包括修改所述目标页面元素的坐 标；所述将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的 固定位置包括将所述目标页面元素固定展现在相对所述浏览器窗口的指定位置。
8.根据权利要求3或4所述的方法，其特征在于，还包括当拖动所述目标页面元素的触发事件发生时，修改所述目标页面元素的坐标，移动所 述目标页面元素。
9.根据权利要求2所述的方法，其特征在于，当所述目标页面元素在iframe框架中时， 所述修改网页中页面元素的坐标类型，将所述目标页面元素展现在所述网页所在的浏览器 窗口中相对所述浏览器窗口的固定位置包括修改所述iframe框架的坐标类型，通过将所述iframe框架展现在相对所述浏览器窗 口的固定位置，来将所述目标页面元素展现在所述浏览器窗口中相对所述浏览器窗口的固 定位置。
10.根据权利要求9所述的方法，其特征在于，还包括仅在所述iframe框架中显示所述目标页面元素。
11.根据权利要求10所述的方法，其特征在于，所述仅在所述iframe框架中显示所述 目标页面元素包括将所述iframe框架修改为与所述目标页面元素的尺寸相同，并通过修改所述目标页 面元素的坐标类型及坐标，将所述目标页面元素固定展现在所述iframe框架的缩放基准 位置，仅将所述目标页面元素显示在所述iframe框架中；或者，当所述iframe框架为非窗口模式时，将所述iframe框架修改为与所述目标页面元 素的尺寸相同，通过移动所述iframe框架的滚动条，仅将所述目标页面元素显示在所述 iframe框架中；或者，当所述iframe框架为窗口模式时，将所述iframe框架修改为与所述目标页面元素的 尺寸相同，通过移动所述iframe框架中所述目标页面元素所在的页面窗口，仅将所述目标 页面元素显示在所述iframe框架中。
12.根据权利要求9所述的方法，其特征在于，所述修改所述iframe框架的坐标类型， 将所述iframe框架展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置 包括将所述iframe框架的坐标类型设定为相对所述浏览器窗口的固定坐标，并将所述 iframe框架的坐标设置为相对所述浏览器窗口的指定位置；或者，将所述iframe框架的坐标类型设定为相对所述网页所在的页面窗口的绝对坐标，并 将所述iframe框架的坐标设置为相对所述网页所在的页面窗口的指定位置；所述方法还 包括当滚动条发生滚动操作时，计算滚动条的偏移值，根据所述偏移值，更新所述iframe 框架的坐标。
13.根据权利要求9至12任一项所述的方法，其特征在于，还包括将所述iframe框架的层次修改为最高层。
14.根据权利要求9至12任一项所述的方法，其特征在于，当所述iframe框架的尺寸 类型为相对父节点的相对尺寸时，还包括将所述iframe框架的尺寸类型修改为绝对尺寸。
15.根据权利要求9至12任一项所述的方法，其特征在于，还包括修改所述iframe框 架的坐标；所述通过将所述iframe框架展现在相对所述浏览器窗口的固定位置，将所述目 标页面元素展现在相对所述浏览器窗口的固定位置包括通过将所述iframe框架固定展现在相对所述浏览器窗口的指定位置，将所述目标页 面元素展现在相对所述浏览器窗口的固定位置。
16.根据权利要求9至12任一项所述的方法，其特征在于，还包括当通过拖动所述iframe框架的触发事件发生时，修改所述iframe框架的坐标，通过移 动所述iframe框架，移动所述目标页面元素。
17.根据权利要求1所述的方法，其特征在于，所述确定网页中的目标页面元素包括识别网页中预置类型的页面元素，自动将所述识别出的页面元素确定为所述目标页面元素；或者，识别网页中预置类型的页面元素，向用户提供识别出的页面元素的展现入口，当通过 所述展现入口接收到用户请求展现页面元素的请求时，将所述用户请求展现的页面元素确 定为所述目标页面元素；或者，向用户提供网页中各页面元素的展现入口，当通过所述展现入口接收到用户请求展现 页面元素的请求时，将所述用户请求展现的页面元素确定为所述目标页面元素。
18.一种展现网页中页面元素的系统，其特征在于，包括目标确定单元，用于确定网页中的目标页面元素；固定展现单元，用于将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所 述浏览器窗口的固定位置。
19.根据权利要求18所述的系统，其特征在于，所述固定展现单元具体用于通过修改 网页中页面元素的坐标类型，将所述目标页面元素展现在所述网页所在的浏览器窗口中相 对所述浏览器窗口的固定位置。
20.根据权利要求19所述的系统，其特征在于，所述固定展现单元包括直接固定展现单元，用于修改所述目标页面元素的坐标类型，将所述目标页面元素展 现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。
21.根据权利要求20所述的系统，其特征在于，所述直接固定展现单元包括第一修改子单元，用于将所述目标页面元素的坐标类型设定为相对所述浏览器窗口的 固定坐标；或者，第二修改子单元，用于将所述目标页面元素的坐标类型设定为相对所述网页所在的页 面窗口的绝对坐标；所述系统还包括第一坐标更新单元，用于当滚动条发生滚动操作时， 计算滚动条的偏移值，根据所述偏移值，修改设定所述目标页面元素的坐标。
22.根据权利要求20或21所述的系统，其特征在于，还包括第一层次修改单元，用于将所述目标页面元素的层次修改为最高层。
23.根据权利要求20或21所述的系统，其特征在于，当所述目标页面元素的尺寸类型 为相对父节点的相对尺寸时，还包括第一尺寸类型修改单元，用于将所述目标页面元素的尺寸类型修改为绝对尺寸。
24.根据权利要求20或21所述的系统，其特征在于，还包括第一坐标修改单元，用于修改所述目标页面元素的坐标；所述直接固定展现单元具体 用于将所述目标页面元素固定展现在相对所述浏览器窗口的指定位置。
25.根据权利要求20或21所述的系统，其特征在于，还包括第一移动单元，用于当拖动所述目标页面元素的触发事件发生时，修改所述目标页面 元素的坐标，移动所述目标页面元素。
26.根据权利要求18所述的系统，其特征在于，当所述目标页面元素在iframe框架中 时，所述固定展现单元包括间接固定展现单元，用于修改所述iframe框架的坐标类型，通过将所述iframe框架展现在相对所述浏览器窗口的固定位置，来将所述目标页面元素展现在所述浏览器窗口中相 对所述浏览器窗口的固定位置。
27.根据权利要求沈所述的系统，其特征在于，还包括显示控制单元，用于仅在所述iframe框架中显示所述目标页面元素。
28.根据权利要求27所述的系统，其特征在于，所述显示控制单元包括第一控制子单元，用于将所述iframe框架修改为与所述目标页面元素的尺寸相同， 并通过修改所述目标页面元素的坐标类型及坐标，将所述目标页面元素固定展现在所述 iframe框架的缩放基准位置，实现仅将所述目标页面元素显示在所述iframe框架中；或者，第二控制子单元，用于当所述iframe框架为非窗口模式时，将所述iframe框架修改为 与所述目标页面元素的尺寸相同，通过移动所述iframe框架的滚动条，仅将所述目标页面 元素显示在所述iframe框架中；或者，第三控制子单元，用于当所述iframe框架为窗口模式时，将所述iframe框架修改为与 所述目标页面元素的尺寸相同，通过移动所述iframe框架中所述目标页面元素所在的页 面窗口，仅将所述目标页面元素显示在所述iframe框架中。
29.根据权利要求沈所述的系统，其特征在于，所述间接固定展现单元包括第三修改子单元，用于将所述iframe框架的坐标类型设定为相对所述浏览器窗口的 固定坐标，并将所述iframe框架的坐标设置为相对所述浏览器窗口的指定位置；或者，第四修改子单元，用于将所述iframe框架的坐标类型设定为相对所述网页所在的页 面窗口的绝对坐标，并将所述iframe框架的坐标设置为相对所述网页所在的页面窗口的 指定位置；所述方法还包括当滚动条发生滚动操作时，计算滚动条的偏移值，根据所述偏 移值，更新所述iframe框架的坐标。
30.根据权利要求沈至四任一项所述的系统，其特征在于，还包括第二层次修改单元，用于将所述iframe框架的层次修改为最高层。
31.根据权利要求沈至四任一项所述的系统，其特征在于，当所述iframe框架的尺寸 类型为相对父节点的相对尺寸时，还包括第二尺寸类型修改单元，用于将所述iframe框架的尺寸类型修改为绝对尺寸。
32.根据权利要求沈至四任一项所述的系统，其特征在于，还包括第二坐标修改单元，用于修改所述iframe框架的坐标；所述间接固定展现单元具体用 于通过将所述iframe框架固定展现在相对所述浏览器窗口的指定位置，将所述目标页面 元素展现在相对所述浏览器窗口的固定位置。
33.根据权利要求沈至四任一项所述的系统，其特征在于，还包括第二移动单元，用于当拖动所述iframe框架的触发事件发生时，修改所述iframe框架 的坐标，通过移动所述iframe框架，移动所述目标页面元素。
34.根据权利要求18所述的系统，其特征在于，所述目标确定单元包括第一确定子单元，用于识别网页中预置类型的页面元素，自动将所述识别出的页面元 素确定为所述目标页面元素；或者，第二确定子单元，用于识别网页中预置类型的页面元素，向用户提供识别出的页面元 素的展现入口，当通过所述展现入口接收到用户请求展现页面元素的请求时，将所述用户 请求展现的页面元素确定为所述目标页面元素； 或者，第三确定子单元，用于向用户提供网页中各页面元素的展现入口，当通过所述展现入 口接收到用户请求展现页面元素的请求时，将所述用户请求展现的页面元素确定为所述目 标页面元素。
全文摘要
本发明公开了一种展现网页中页面元素的方法及系统，其中，所述方法包括确定网页中的目标页面元素；将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。通过本发明，有利于提高网络资源的利用率。
文档编号G06F17/30GK102117290SQ200910244559
公开日2011年7月6日 申请日期2009年12月30日 优先权日2009年12月30日
发明者万勇 申请人:北京搜狗科技发展有限公司