[发明专利]一种HTML页面嵌套方法及装置

说明书

技术领域

本发明涉及HTML(HyperText Markup language，超级文本标记语言)技术领域，更具体地说，涉及一种HTML页面嵌套方法及装置。

背景技术

随着互联网的蓬勃发展，在web开发中为了更细粒度的控制HTML页面的功能，通常需要使用frameset或者iframe来实现HTML页面的嵌套，HTML页面嵌套是指多个HTML页面之间可以任意的覆盖；iframe为HTML标签，iframe元素会创建包含另外一个文档的内联框架。

目前，实现HTML页面嵌套的方式主要是通过ajax技术(Asynchronous Javascript+XML，创建交互式网页应用的网页开发技术)达到在页面中嵌套子页面的效果，然而这种方式需要电子设备内装载与ajax技术相应的，且容量较大的脚本和文件，在进行HTML页面嵌套时，解析对应的脚本和文件，才可完成页面布局，实现HTML页面的嵌套；这种方式页面嵌套的速度较慢，效率较低，且需安装容量较大的文件。

发明内容

有鉴于此，本发明实施例提供一种HTML页面嵌套方法及装置，以解决现有技术所存在的实现HTML页面嵌套的速度较慢，效率较低，且需安装容量较大的文件的问题。

为实现上述目的，本发明实施例提供如下技术方案：

一种HTML页面嵌套方法，包括：

在第一层设置主窗口，所述主窗口为原生Native视图，所述第一层对应FrameLayout帧布局；

在第二层设置主页面，所述第二层采用帧布局方式覆盖于所述第一层之上；

在设置完成所述主页面后，采用帧布局方式在所述第一层或所述第二层之上设置与所述主页面相嵌套的页面。

其中，所述采用帧布局方式在所述第二层之上设置与所述主页面相嵌套的页面包括：

在第三层上设置顶页面和底页面，所述第三层采用帧布局方式覆盖于所述第二层之上，并在显示页面时，控制所述顶页面显示于所述主页面的顶部，控制所述底页面显示于所述主页面的底部；

和/或，所述采用帧布局方式在所述第一层之上设置与所述主页面相嵌套的页面包括：

在所述第二层设置浮动页面，并在显示页面时，控制所述浮动页面显示于设定位置。

其中，所述与所述主页面相嵌套的页面包括设置在所述第二层的浮动页面，所述主页面和所述浮动页面均为网络视图WebView组件；所述方法还包括：

在检测到弹动响应事件时，通过所述主页面和所述浮动页面所在的WebView组件与所述第一层之间的LinearLayout线性布局节点，实现主页面和浮动页面的弹动。

其中，所述与所述主页面相嵌套的页面包括设置在所述第二层的浮动页面，所述方法还包括：

采用动画方式打开或关闭所述主页面和浮动页面。

其中，所述方法还包括：

将预定页面控制方法封装成原生插件，并将Native接口转化为JS接口，以便所述原生插件的调用。

其中，所述方法还包括：

在显示页面时，全屏显示所述Native视图和主页面。

本发明实施例还提供一种HTML页面嵌套装置，包括：

第一设置模块，用于在第一层设置主窗口，所述主窗口为原生Native视图，所述第一层对应FrameLayout帧布局；

第二设置模块，用于在第二层设置主页面，所述第二层采用帧布局方式覆盖于所述第一层之上；

第三设置模块，用于在设置完成所述主页面后，采用帧布局方式在所述第一层或所述第二层之上设置与所述主页面相嵌套的页面。

其中，所述第二设置模块包括：

顶页面和底页面设置单元，用于在第三层上设置顶页面和底页面，所述第三层采用帧布局方式覆盖于所述第二层之上，并在显示页面时，控制所述顶页面显示于所述主页面的顶部，控制所述底页面显示于所述主页面的底部；

和/或，浮动页面设置单元，用于在所述第二层设置浮动页面，并在显示页面时，控制所述浮动页面显示于设定位置。

其中，所述与所述主页面相嵌套的页面包括设置在所述第二层的浮动页面，所述主页面和所述浮动页面均为网络视图WebView组件；所述装置还包括：

弹动模块，用于在检测到弹动响应事件时，通过所述主页面和所述浮动页面所在的WebView组件与所述第一层之间的LinearLayout线性布局节点，实现主页面和浮动页面的弹动；

和/或，动画模块，用于采用动画方式打开或关闭所述主页面和浮动页面。