[发明专利]浏览器多个页面公用弹出模块的方法

说明书

技术领域

本发明涉及一种页面配置方法，尤其是页面公用弹出模块的方法。

背景技术

随着移动平台的发展，所有的主流移动浏览器提供了一种统一的体检， 弹出模块一般被用于显示工具提示，对用户来说是种不可或缺的描述及说 明机制。

目前，在浏览器主界面上包括有多个页面，每个页面的风格统一并且 都包含头部，头部的位置是固定的，每个页面的头部中都有弹出模块列表。 因而，在开发该浏览器时，需要在同一个界面中每个页面的头部中一直重 复的编写弹出模块列表，此方法可见增加了代码编写量，而且，打开一个 页面，就要下载一次弹出模块列表，影响了页面的加载速度，同时也给后 续改动添加工作量。

发明内容

本发明需解决的技术问题是提供一种提高页面加载效率和提升程序员 工作效率的浏览器多个页面公用弹出模块的方法。

为解决上述的技术问题，设计了一种浏览器多个页面公用弹出模块的 方法，其包括以下步骤：

步骤1：进入浏览器主界面，设置每个页面的头部属性为固定；

步骤2：删除每个页面头部的弹出模块的标签和值；

步骤3：在主界面的标签前面添加一公用的块元素；

步骤4：把弹出模块的标签和值都写入所述块元素中。

作为本发明进一步改进，所述浏览器为移动手机浏览器。

作为本发明进一步改进，将每个页面的头部固定在顶部。

作为本发明进一步改进，在所述块元素中添加层叠样式表，将弹出模 块设定于所述层叠样式表中。

作为本发明进一步改进，所述弹出模块包括返回弹出模块、退出登录 模块和修改用户资料模块。

作为本发明进一步改进，将所述块元素固定于主界面的某一个位置上。

与现有技术相比，本发明不需程序员再编写大量的重复性代码，只需 在整个主界面中编写一次弹出模块列表来实现浏览器中多个页面公用的问 题，提高程序员工作效率和代码的执行效率，并且还加快页面的加载速率。

具体实施方式

为了使本领域相关技术人员更好地理解本发明的技术方案，下面将结 合实施方式，对本发明实施方式中的技术方案进行清楚、完整地描述，显 然，所描述的实施方式仅仅是本发明一部分实施方式，而不是全部的实施 方式。

本发明实施例提供了一种浏览器多个页面公用弹出模块的方法，应用 于移动手机客户端平台，但不限于移动手机客户端平台。

本发明浏览器多个页面公用弹出模块的方法，包括以下步骤：

步骤1：进入浏览器主界面，设置每个页面的头部属性为固定，固定 在顶部，即始终置顶。在本实施例，浏览器为移动手机浏览器，

步骤2：删除每个页面头部的弹出模块的标签和值，这样弹出模块就 不在每个页面头部上加载。

步骤3：在主界面的标签前面添加一公用的块元素，所述块元素为每 个页面公用。

步骤4：把弹出模块的标签和值都写入所述块元素，实现各弹出模块 始终都在公用的块元素中的显示，各弹出模块即为每个页面公用。在本实 施例中，在所述块元素中添加层叠样式表，将弹出模块设定于所述层叠样 式表中。所述弹出模块包括返回弹出模块、退出登录模块和修改用户资料 模块，将返回弹出模块、退出登录模块和修改用户资料模块分别写入层叠 样式表的表1、表2和表3中。

更优的是，将所述块元素固定于主界面的某一个位置上，设置其距离 浏览器主界面上面和右面的距离，这样，无论怎样在浏览器的主界面切换 各页面，始终都在公用的块元素中显示弹出模块，无论怎样滚动页面的内 容值，块元素位置始终不变，一直固定在右上角

本发明只需在整个主界面中编写一次弹出模块列表来实现浏览器中多 个页面公用的问题，提高程序员工作效率和代码的执行效率，并且还加快 页面的加载速率。

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