CN103914473A - 网页内容冻结方法和装置 - Google Patents

Abstract

一种网页内容冻结方法，包括以下步骤：获取冻结指定的网页内容版面的冻结指令，所述冻结指令中包含所述网页内容版面对应的源代码块的模块标识；获取所述冻结指令中包含的模块标识对应的源代码块；设置所述源代码块的位置属性为固定状态。此外，还提供一种网页内容冻结装置。上述方法和装置可将需要冻结的网页内容版面的网页内容固定显示在网页中，不随网页的滚动条的移动而改变位置，可方便用户同时浏览固定的网页内容和变化的网页内容，提高操作便利性。

Description

网页内容冻结方法和装置

【技术领域】

本发明涉及网络技术领域，特别涉及一种网页内容冻结方法和装置。

【背景技术】

网页是网站的基本组成元素。通常一个网页中包含的数据信息量非常大，网页的显示窗口中不能同时显示全部网页内容。可通过移动网页的滚动条来浏览网页的不同的网页内容。移动网页的滚动条时，滚动条在滚动栏中的位置对应的网页内容被显示到显示窗口中，而其它网页内容则会消失。若需要同时浏览消失部分的网页内容和显示窗口当前显示的网页内容，则需打开一个新的浏览器窗口，或者将某部分的网页内容复制粘贴到其它载体（例如文本）中。操作较为繁琐。

【发明内容】

基于此，有必要提供一种可提高操作便利性的网页内容冻结方法和装置。

一种网页内容冻结方法，包括以下步骤：

获取冻结指定的网页内容版面的冻结指令，所述冻结指令中包含所述网页内容版面对应的源代码块的模块标识；

获取所述冻结指令中包含的模块标识对应的源代码块；

设置所述源代码块的位置属性为固定状态。

在其中一个实施例中，所述方法还包括以下步骤：

获取恢复指定的已经被冻结的网页内容版面的恢复指令，所述恢复指令中包含所述网页内容版面对应的源代码块的模块标识；

获取所述恢复指令中包含的模块标识对应的源代码块；

设置所述源代码块的位置属性为非固定状态。

一种网页内容冻结方法，包括以下步骤：

获取冻结指定的网页内容版面的冻结指令，所述冻结指令中包含所述网页内容版面对应的源代码块的模块标识；

获取所述冻结指令中包含的模块标识对应的源代码块；

获取网页的一个显现属性为隐藏状态的悬浮源代码块，所述悬浮源代码块为位置属性为固定状态的源代码块；

将获取的悬浮源代码块的HTML内容赋值为所述冻结指令中包含的模块标识对应的源代码块的HTML内容；

设置该悬浮源代码块的显现属性为显现状态。

在其中一个实施例中，所述方法还包括以下步骤：

获取恢复指定的已经被冻结的网页内容版面的恢复指令，所述恢复指令中包含所述网页内容版面对应的悬浮源代码块的模块标识；

获取所述恢复指令中包含的模块标识对应的悬浮源代码块；

设置获取的悬浮源代码块的显现属性为隐藏状态。

一种网页内容冻结装置，包括：

指令获取模块，用于获取冻结指定的网页内容版面的冻结指令，所述冻结指令中包含所述网页内容版面对应的源代码块的模块标识；

源代码获取模块，用于获取所述冻结指令中包含的模块标识对应的源代码块；

属性设置模块，用于设置所述源代码块的位置属性为固定状态。

在其中一个实施例中，所述指令获取模块还用于获取恢复指定的已经被冻结的网页内容版面的恢复指令，所述恢复指令中包含所述网页内容版面对应的源代码块的模块标识；

所述源代码获取模块还用于获取所述恢复指令中包含的模块标识对应的源代码块；

所述属性设置模块还用于设置所述源代码块的位置属性为非固定状态。

一种网页内容冻结装置，包括：

指令获取模块，用于获取冻结指定的网页内容版面的冻结指令，所述冻结指令中包含所述网页内容版面对应的源代码块的模块标识；

冻结源代码获取模块，用于获取所述冻结指令中包含的模块标识对应的源代码块；

悬浮源代码获取模块，用于获取网页的一个显现属性为隐藏状态的悬浮源代码块，所述悬浮源代码块为位置属性为固定状态的源代码块；

HTML内容赋值模块，用于将获取的悬浮源代码块的HTML内容赋值为所述冻结指令中包含的模块标识对应的源代码块的HTML内容；

属性设置模块，用于设置该悬浮源代码块的显现属性为显现状态。

在其中一个实施例中，所述指令获取模块还用于获取恢复指定的已经被冻结的网页内容版面的恢复指令，所述恢复指令中包含所述网页内容版面对应的悬浮源代码块的模块标识；

所述悬浮源代码获取模块还用于获取所述恢复指令中包含的模块标识对应的悬浮源代码块；

所述属性设置模块还用于设置获取的悬浮源代码块的显现属性为隐藏状态。

上述网页内容冻结方法和装置，可将需要冻结的网页内容版面的网页内容固定显示在网页中，不随网页的滚动条的移动而改变位置，可方便用户同时浏览固定的网页内容和变化的网页内容，提高操作便利性。

【附图说明】

图1为一个实施例中的网页内容冻结方法的流程示意图；

图2为一个实施例中解冻网页内容的步骤的流程示意图；

图3为另一实施例中的网页内容冻结方法的流程示意图；

图4为另一实施例中解冻网页内容的步骤的流程示意图；

图5为一个实施例中的网页内容冻结示意图；

图6为一个实施例中的网页内容冻结装置的结构示意图；

图7为另一实施例中的网页内容冻结装置的结构示意图。

【具体实施方式】

如图1所示，在一个实施例中，一种网页内容冻结方法，包括以下步骤：

步骤S101，获取冻结指定的网页内容版面的冻结指令，冻结指令中包含指定的网页内容版面对应的源代码块的模块标识。

网页中包括多个网页内容版面。网页内容版面与网页源代码中的源代码块一一对应。源代码块为div标签定义的分区或节，可称为div分区或div节。源代码块的模块标识即为div标签定义的分区或节的ID。例如，div标签定义的分区或节为：<div id=freezeDiv>冻结模块</div>，则对应的模块标识即为“freezeDiv”。

在一个实施例中，网页内容版面中包含冻结按钮。冻结按钮的显示名称（caption）或文字标识可为“冻结”或“固定”等。当冻结按钮被点击时，可通过冻结按钮的点击事件触发冻结该冻结按钮所在的网页内容版面的冻结指令。

步骤S102，获取冻结指令中包含的模块标识对应的源代码块。

具体的，可在网页的源代码中查找到ID为冻结指令中包含的模块标识的div分区或div节。

步骤S103，设置对应的源代码块的位置属性为固定状态。

具体的，可设置查找到的div分区或div节的position属性的值为fixed。div分区或div节的position属性的值被设置为fixed后，其对应的网页内容版面在网页中显示的位置固定不变，不会随着网页的滚动条的移动而改变位置。

在一个实施例中，在步骤S103之后，上述网页内容冻结方法还包括步骤：设置上述冻结按钮的名称（caption）或文字标识为“恢复”或“解冻”等。

如图2所示，在一个实施例中，上述网页内容冻结方法还包括解冻网页内容的步骤，具体过程包括以下步骤：

步骤S201，获取恢复指定的已经被冻结的网页内容版面的恢复指令，恢复指令中包含指定的网页内容版面对应的源代码块的模块标识。

已经被冻结的网页内容版面中包含的冻结按钮的显示名称（caption）或文字标识为“恢复”或“解冻”等。当该冻结按钮被点击时，可通过该冻结按钮的点击事件触发恢复该冻结按钮所在的网页内容版面的恢复指令。

步骤S202，获取恢复指令中包含的模块标识对应的源代码块。

具体的，可在网页的源代码中查找到ID为恢复指令中包含的模块标识的div分区或div节。

步骤S203，设置对应的源代码块的位置属性为非固定状态。

具体的，可设置查找到的div分区或div节的position属性的值非fixed。div分区或div节的position属性的值被设置为非fixed后，其对应的网页内容版面在网页中显示的位置不再固定不变，将随着网页的滚动条的移动而改变位置。

在一个实施例中，在步骤S203之后，上述网页内容冻结方法还包括步骤：还原上述冻结按钮的名称（caption）或文字标识。即设置上述冻结按钮的名称（caption）或文字标识为原来的“冻结”或“固定”等等。

上述网页内容冻结方法，可将指定的网页内容版面进行冻结，使其在网页中显示的位置固定不变，不随网页的滚动条的移动而改变位置，可方便用户同时浏览固定的网页内容和变化的网页内容，提高操作便利性。

如图3所示，在一个实施例中，一种网页内容冻结方法，包括以下步骤：

步骤S301，获取冻结指定的网页内容版面的冻结指令，冻结指令中包含指定的网页内容版面对应的源代码块的模块标识。

网页中包括多个网页内容版面。网页内容版面与网页源代码中的源代码块一一对应。源代码块为div标签定义的分区或节，可称为div分区或div节。源代码块的模块标识即为div标签定义的分区或节的ID。例如，div标签定义的分区或节为：<div id=”freezeDiv”>冻结模块</div>，则对应的模块标识即为“freezeDiv”。

在一个实施例中，网页内容版面中包含冻结按钮。冻结按钮的显示名称（caption）或文字标识可为“冻结”或“固定”等。当冻结按钮被点击时，可通过冻结按钮的点击事件触发冻结该冻结按钮所在的网页内容版面的冻结指令。

步骤S302，获取冻结指令中包含的模块标识对应的源代码块。

具体的，可在网页的源代码中查找到ID为冻结指令中包含的模块标识的div分区或div节。

步骤S303，获取网页的一个显现属性为隐藏状态的悬浮源代码块，悬浮源代码块为位置属性为固定状态的源代码块。

悬浮源代码块的posiition属性的值为fixed，其对应的网页内容版面在网页中显示的位置固定不变，不随网页的滚动条的移动而改变位置。

网页源代码中包括一个或多个悬浮源代码块，悬浮源代码块的显现属性的初始状态为隐藏状态。在显示的网页内容中，显现属性为隐藏状态的悬浮源代码块对应的网页内容版面不可见。

步骤S304，将获取的悬浮源代码块的HTML内容赋值为冻结指令中包含的模块标识对应的源代码块的HTML内容。

悬浮源代码块初始的HTML内容为空。可获取冻结指令中包含的模块标识对应的源代码块中的HTML内容。记悬浮源代码块的模块标识ID_1，冻结指令中包含的模块标识为ID_2。进一步的，可执行步骤：document.getElementById(‘ID_1’).innerHTML=document.getElementById(‘ID_2’).innerHTML。

步骤S305，设置该悬浮源代码块的显现属性为显现状态。

显现属性为显现状态的悬浮源代码块对应的网页内容版面在网页中是可见的。

在一个实施例中，在步骤S305之后，上述网页内容冻结方法还包括步骤：设置被点击的冻结按钮为不可响应事件状态。具体的，可设置被点击的冻结按钮的disabled属性的值为true。冻结按钮为不可响应事件状态时，在网页中该冻结按钮为灰色。

如图4所示，在一个实施例中，上述网页内容冻结方法还包括解冻网页内容的步骤，具体过程以下步骤：

步骤S401，获取恢复指定的已经被冻结的网页内容版面的恢复指令，恢复指令中包含网页内容版面对应的悬浮源代码块的模块标识。

在一个实施例中，悬浮源代码块对应的网页内容版面中包含恢复按钮。恢复按钮的显示名称（caption）或文字标识可为“恢复”或“解冻”等。当恢复按钮被点击时，可通过恢复按钮的点击事件触发恢复该恢复按钮所在的网页内容版面的恢复指令。

步骤S402，获取恢复指令中包含的模块标识对应的悬浮源代码块。

具体的，可在网页的源代码中查找到ID为恢复指令中包含的模块标识的div分区或div节。

步骤S403，设置获取的悬浮源代码块的显现属性为隐藏状态。

在一个实施例中，步骤S304之后，可设置获取的悬浮源代码块的模块标识与冻结指令中包含的模块标识之间的对应关系。在步骤S403之后，可在该对应关系中查找恢复指令中包含的悬浮源代码块的模块标识对应的模块标识，进一步，可设置该模块标识对应的源代码块中的冻结按钮为可响应事件状态。具体的，可设置被点击的冻结按钮的disabled属性的值为false。

上述网页内容冻结方法，可需要冻结的网页内容版面的网页内容提取到悬浮源代码块对应的网页内容版面中，而悬浮源代码块对应的网页内容版面在网页中显示的位置固定不变，不随网页的滚动条的移动而改变位置，从而可同时浏览固定的网页内容和变化的网页内容，提高操作便利性。

图5为一个实施例中的网页内容冻结示意图。当网页内容版面501中的冻结按钮502被点击后，网页内容版面501对应的HTML内容被复制到悬浮的网页内容版面503中，悬浮的网页内容版面503初始为隐藏状态，当冻结按钮502被点击后，悬浮的网页内容版面503变为显现状态。且悬浮的网页内容版面503在网页中显示的位置固定不变，不会随着网页的滚动条的移动而改变位置。当悬浮的网页内容版面503中的恢复按钮504被点击后，悬浮的网页内容版面503重新变为隐藏状态。

如图6所示，在一个实施例中，一种网页内容冻结装置，包括指令获取模块601、源代码获取模块602和属性设置模块603，其中：

指令获取模块601用于获取冻结指定的网页内容版面的冻结指令，冻结指令中包含指定的网页内容版面对应的源代码块的模块标识。

网页中包括多个网页内容版面。网页内容版面与网页源代码中的源代码块一一对应。源代码块为div标签定义的分区或节，可称为div分区或div节。源代码块的模块标识即为div标签定义的分区或节的ID。例如，div标签定义的分区或节为：<div id=freezeDiv>冻结模块</div>，则对应的模块标识即为“freezeDiv”。

在一个实施例中，网页内容版面中包含冻结按钮。冻结按钮的显示名称（caption）或文字标识可为“冻结”或“固定”等。当冻结按钮被点击时，指令获取模块601可通过冻结按钮的点击事件触发冻结该冻结按钮所在的网页内容版面的冻结指令。

源代码获取模块602用于获取冻结指令中包含的模块标识对应的源代码块。

具体的，源代码获取模块602可在网页的源代码中查找到ID为冻结指令中包含的模块标识的div分区或div节。

属性设置模块603用于设置对应的源代码块的位置属性为固定状态。

具体的，属性设置模块603可设置查找到的div分区或div节的position属性的值为fixed。div分区或div节的position属性的值被设置为fixed后，其对应的网页内容版面在网页中显示的位置固定不变，不会随着网页的滚动条的移动而改变位置。

在一个实施例中，属性设置模块603还用于设置上述冻结按钮的名称（caption）或文字标识为“恢复”或“解冻”等。

在一个实施例中，指令获取模块601还用于获取恢复指定的已经被冻结的网页内容版面的恢复指令，恢复指令中包含指定的网页内容版面对应的源代码块的模块标识。

已经被冻结的网页内容版面中包含的冻结按钮的显示名称（caption）或文字标识为“恢复”或“解冻”等。当该冻结按钮被点击时，指令获取模块601可通过该冻结按钮的点击事件触发恢复该冻结按钮所在的网页内容版面的恢复指令。

源代码获取模块602还用于获取恢复指令中包含的模块标识对应的源代码块。

具体的，源代码获取模块602可在网页的源代码中查找到ID为恢复指令中包含的模块标识的div分区或div节。

属性设置模块603还用于设置对应的源代码块的位置属性为非固定状态。

具体的，属性设置模块603可设置查找到的div分区或div节的position属性的值非fixed。div分区或div节的position属性的值被设置为非fixed后，其对应的网页内容版面在网页中显示的位置不再固定不变，将随着网页的滚动条的移动而改变位置。

在一个实施例中，属性设置模块603还用于还原上述冻结按钮的名称（caption）或文字标识。即设置上述冻结按钮的名称（caption）或文字标识为原来的“冻结”或“固定”等等。

上述网页内容冻结装置，可将指定的网页内容版面进行冻结，使其在网页中显示的位置固定不变，不随网页的滚动条的移动而改变位置，可方便用户同时浏览固定的网页内容和变化的网页内容，提高操作便利性。

如图7所示，在一个实施例中，一种网页内容冻结装置，包括指令获取模块701、冻结源代码获取模块702、悬浮源代码获取模块703、HTML内容赋值模块704和属性设置模块705，其中：

指令获取模块701用于获取冻结指定的网页内容版面的冻结指令，冻结指令中包含指定的网页内容版面对应的源代码块的模块标识。

网页中包括多个网页内容版面。网页内容版面与网页源代码中的源代码块一一对应。源代码块为div标签定义的分区或节，可称为div分区或div节。源代码块的模块标识即为div标签定义的分区或节的ID。例如，div标签定义的分区或节为：<div id=”freezeDiv”>冻结模块</div>，则对应的模块标识即为“freezeDiv”。

在一个实施例中，网页内容版面中包含冻结按钮。冻结按钮的显示名称（caption）或文字标识可为“冻结”或“固定”等。当冻结按钮被点击时，指令获取模块701可通过冻结按钮的点击事件触发冻结该冻结按钮所在的网页内容版面的冻结指令。

冻结源代码获取模块702用于获取冻结指令中包含的模块标识对应的源代码块。

具体的，冻结源代码获取模块702可在网页的源代码中查找到ID为冻结指令中包含的模块标识的div分区或div节。

悬浮源代码获取模块703用于获取网页的一个显现属性为隐藏状态的悬浮源代码块，悬浮源代码块为位置属性为固定状态的源代码块。

悬浮源代码块的posiition属性的值为fixed，其对应的网页内容版面在网页中显示的位置固定不变，不随网页的滚动条的移动而改变位置。

网页源代码中包括一个或多个悬浮源代码块，悬浮源代码块的显现属性的初始状态为隐藏状态。在显示的网页内容中，显现属性为隐藏状态的悬浮源代码块对应的网页内容版面不可见。

HTML内容赋值模块704用于将获取的悬浮源代码块的HTML内容赋值为冻结指令中包含的模块标识对应的源代码块的HTML内容。

悬浮源代码块初始的HTML内容为空。HTML内容赋值模块704可获取冻结指令中包含的模块标识对应的源代码块中的HTML内容。记悬浮源代码块的模块标识ID_1，冻结指令中包含的模块标识为ID_2。进一步的，HTML内容赋值模块704可执行步骤：document.getElementById(‘ID_1’).innerHTML=document.getElementById(‘ID_2’).innerHTML。

属性设置模块705用于设置该悬浮源代码块的显现属性为显现状态。

显现属性为显现状态的悬浮源代码块对应的网页内容版面在网页中是可见的。

在一个实施例中，属性设置模块705还用于设置被点击的冻结按钮为不可响应事件状态。具体的，属性设置模块705可设置被点击的冻结按钮的disabled属性的值为true。冻结按钮为不可响应事件状态时，在网页中该冻结按钮为灰色。

在一个实施例中，指令获取模块701还用于获取恢复指定的已经被冻结的网页内容版面的恢复指令，恢复指令中包含网页内容版面对应的悬浮源代码块的模块标识。

在一个实施例中，悬浮源代码块对应的网页内容版面中包含恢复按钮。恢复按钮的显示名称（caption）或文字标识可为“恢复”或“解冻”等。当恢复按钮被点击时，指令获取模块701可通过恢复按钮的点击事件触发恢复该恢复按钮所在的网页内容版面的恢复指令。

悬浮源代码获取模块703还用于获取恢复指令中包含的模块标识对应的悬浮源代码块。

具体的，悬浮源代码获取模块703可在网页的源代码中查找到ID为恢复指令中包含的模块标识的div分区或div节。

属性设置模块705还用于设置获取的悬浮源代码块的显现属性为隐藏状态。

在一个实施例中，悬浮源代码获取模块703可设置获取的悬浮源代码块的模块标识与冻结指令中包含的模块标识之间的对应关系。属性设置模块705可在该对应关系中查找恢复指令中包含的悬浮源代码块的模块标识对应的模块标识，进一步，可设置该模块标识对应的源代码块中的冻结按钮为可响应事件状态。具体的，可设置被点击的冻结按钮的disabled属性的值为false。

上述网页内容冻结装置，可将需要冻结的网页内容版面的网页内容提取到悬浮源代码块对应的网页内容版面中，而悬浮源代码块对应的网页内容版面在网页中显示的位置固定不变，不随网页的滚动条的移动而改变位置，从而可同时浏览固定的网页内容和变化的网页内容，提高操作便利性。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (8)

1.一种网页内容冻结方法，包括以下步骤：

获取冻结指定的网页内容版面的冻结指令，所述冻结指令中包含所述网页内容版面对应的源代码块的模块标识；

获取所述冻结指令中包含的模块标识对应的源代码块；

设置所述源代码块的位置属性为固定状态。

2.根据权利要求1所述的网页内容冻结方法，其特征在于，所述方法还包括以下步骤：

获取恢复指定的已经被冻结的网页内容版面的恢复指令，所述恢复指令中包含所述网页内容版面对应的源代码块的模块标识；

获取所述恢复指令中包含的模块标识对应的源代码块；

设置所述源代码块的位置属性为非固定状态。

3.一种网页内容冻结方法，包括以下步骤：

获取冻结指定的网页内容版面的冻结指令，所述冻结指令中包含所述网页内容版面对应的源代码块的模块标识；

获取所述冻结指令中包含的模块标识对应的源代码块；

获取网页的一个显现属性为隐藏状态的悬浮源代码块，所述悬浮源代码块为位置属性为固定状态的源代码块；

将获取的悬浮源代码块的HTML内容赋值为所述冻结指令中包含的模块标识对应的源代码块的HTML内容；

设置该悬浮源代码块的显现属性为显现状态。

4.根据权利要求3所述的网页内容冻结方法，其特征在于，所述方法还包括以下步骤：

获取恢复指定的已经被冻结的网页内容版面的恢复指令，所述恢复指令中包含所述网页内容版面对应的悬浮源代码块的模块标识；

获取所述恢复指令中包含的模块标识对应的悬浮源代码块；

设置获取的悬浮源代码块的显现属性为隐藏状态。

5.一种网页内容冻结装置，其特征在于，包括：

指令获取模块，用于获取冻结指定的网页内容版面的冻结指令，所述冻结指令中包含所述网页内容版面对应的源代码块的模块标识；

源代码获取模块，用于获取所述冻结指令中包含的模块标识对应的源代码块；

属性设置模块，用于设置所述源代码块的位置属性为固定状态。

6.根据权利要求5所述的网页内容冻结装置，其特征在于，所述指令获取模块还用于获取恢复指定的已经被冻结的网页内容版面的恢复指令，所述恢复指令中包含所述网页内容版面对应的源代码块的模块标识；

所述源代码获取模块还用于获取所述恢复指令中包含的模块标识对应的源代码块；

所述属性设置模块还用于设置所述源代码块的位置属性为非固定状态。

7.一种网页内容冻结装置，其特征在于，包括：

指令获取模块，用于获取冻结指定的网页内容版面的冻结指令，所述冻结指令中包含所述网页内容版面对应的源代码块的模块标识；

冻结源代码获取模块，用于获取所述冻结指令中包含的模块标识对应的源代码块；

悬浮源代码获取模块，用于获取网页的一个显现属性为隐藏状态的悬浮源代码块，所述悬浮源代码块为位置属性为固定状态的源代码块；

HTML内容赋值模块，用于将获取的悬浮源代码块的HTML内容赋值为所述冻结指令中包含的模块标识对应的源代码块的HTML内容；

属性设置模块，用于设置该悬浮源代码块的显现属性为显现状态。

8.根据权利要求7所述的网页内容冻结装置，其特征在于，所述指令获取模块还用于获取恢复指定的已经被冻结的网页内容版面的恢复指令，所述恢复指令中包含所述网页内容版面对应的悬浮源代码块的模块标识；

所述悬浮源代码获取模块还用于获取所述恢复指令中包含的模块标识对应的悬浮源代码块；

所述属性设置模块还用于设置获取的悬浮源代码块的显现属性为隐藏状态。