[发明专利]一种网页弹窗方法及装置

说明书

技术领域

本发明涉及互联网应用开发领域，特别涉及一种网页弹窗方法及装置。

背景技术

现今在各种web应用中，交互功能已经愈发的受到重视，好的交互实现不但能增强用户使用该web应用过程中的愉悦感，而且增加用户使用该web应用的效率，从而从运营角度提升整个web应用的运转效率。并且随着这些年互联网的发展，用户对互联网产品(Web应用)的适用性要求也越来越苛刻，以用户为中心的互联网产品成为趋势，例如为了减少页面的跳转提示和为了使操作在本页出现并指引用户方便快捷的完成，弹窗技术就让这些变为了现实。

目前大部分WEB应用所使用的自主开发或开源的弹窗组件虽表面上实现了这些功能，但或难担重任，例如做复杂的连续后续操作或者某些复杂的交互操作，使用这些组件的开发人员不得不在调用弹窗的页面上写很多繁杂的代码，这些没有被良好的强制分离的代码，或许会造成后期维护成本的极大增加；而对于用户来说，每次打开调用弹窗的页面时都去载入这些繁杂代码，会增加访问页面的代价及服务器的开支。

现有技术中JQuery(一种轻量级的优秀的JavaScript开发框架)的UI库中的弹窗插件是一款被广泛使用的插件，它基于JQuery框架被以插件形式发布；使用者需在使用该弹窗插件的页面引入所需的JavaScript文件(简称JS文件，是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。它最初由网景公司的Brendan Eich设计，是一种动态、弱类型、基于原型的语言，内置支持类。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合，如服务器端编程。完整的JavaScript实现包含三个部分：ECMAScript，文档对象模型，字节顺序记号。)并在该页面实例化弹窗组件配置弹窗样式和内容，该弹窗插件内部提供了一些对弹窗样式控制、可视性控制等的方法，也提供基于iframe(外部网页特效，一种网页中可用的控件，用于显示外部或远程载入的页面)的外部页面调用功能，但其基于iframe的外部页面调用功能仅限于页面读取，即只读，而并未对主域进行识别并处理，若是基于其制作一个需与内容进行交互的弹窗，因其域不同加之内部并没有提供跨窗体传递参数及跨窗体事件触发的方法，使其不能使用外部调用的页面完成而只能在当前页面完成，这会造成弹窗内容页的代码堆积在实例化弹窗的页面上，不易于维护和管理，并且弹窗内容页的代码也不会被浏览器缓存起来，每次访问都需要重新从服务器加载，增加了时间消耗和服务器带宽开支。

发明内容

本发明所解决的技术问题在于提供一种网页弹窗方法及装置，以减少频繁使用功能性弹窗需重复加载弹窗内容的时间消耗，增加服务器带宽开支的问题。

为实现上述技术问题，本发明提供一种网页弹窗方法，包括：

生成实例化弹窗，并管理弹窗；加载弹窗页面，并生成调用外部独立页面实例。

进一步地，生成实例化弹窗具体为：调用初始参数管理模块配置参数实例化一个弹窗；根据参数生成弹窗的HTML结构。所述参数包括但不限于：弹窗大小、层高、弹窗内容模式、弹窗标题、弹窗内容HTML、弹窗外部内容页URL。

进一步地，管理弹窗包括：添加弹窗样式CSS；对弹窗可视性进行控制。

进一步地，加载外部页面具体为：在弹窗HTML结构内部创建IFRAME标签，并更改SRC属性为配置参数中对应的外部内容页URL地址，加载该内容页。

进一步地，生成调用外部独立页面实例具体为：在外部内容页被加载完毕后，在此外部内容页中同样使用script标记引入弹窗组件的JS文件，弹窗进行预执行操作。所述预执行包括但不限于：根据当前页面的域名取得主域并设置可访问域document.domain；生成alert、confirm、login弹窗类型的快捷方式并且改变其作用域使其可进行全局访问。

本发明还提供一种网页弹窗装置，包括弹窗生成模块，用于生成实例化弹窗；弹窗管理模块，用于对生成的实例化弹窗进行弹窗管理；调用模块，用于调用被加载的外部独立页面，获得弹窗实例。

进一步地，弹窗生成模块，包括：初始参数管理模块，用于初始化该组件时的参数管理；HTML结构管理模块，将所述参数生成对应的弹窗HTML结构。