[发明专利]一种在原生HTML5页面中实现单页应用的方法及系统

权利要求书

1.一种在原生HTML5页面中实现单页应用的方法，将跳转的页面通过组件页面的方法实现，其特征在于：

在HTML5页面中引入js；

当HTML5页面流程执行到需要跳转页面时，通过require按需加载组件页面。

2.根据权利要求1所述的一种在原生HTML5页面中实现单页应用的方法，其特征在于：所述HTML5页面在通过require按需加载组件页面的同时调用组件页面的初始化函数。

3.根据权利要求2所述的一种在原生HTML5页面中实现单页应用的方法，其特征在于：所述在调用组件页面的初始化函数时，组件中隐藏原HTML5页面全部元素并展示组件页面元素。

4.根据权利要求1所述的一种在原生HTML5页面中实现单页应用的方法，其特征在于：所述方法在应用于身份证上传场景时，原HTML5页面通过require加载组件页面的客户信息录入的组件。

5.根据权利要求4所述的一种在原生HTML5页面中实现单页应用的方法，其特征在于：所述客户信息录入组件的建立过程如下：

步骤一：声明一个全局函数init(param,pFn)，其中：init为全局函数的名称、param为传递的数据、pFn为组件执行结束后的回调函数；

步骤二：创建一个jquery的div元素，并将div元素设置为隐藏，将当前页面标签下的所有元素移动到div元素下；

步骤三：创建要弹出显示的页面元素，即创建客户信息录入页面元素，动态添加到当前页面标签节点下，并设置客户信息录入页面元素为显示，同时绑定事件到需要的元素上；

步骤四：客户信息录入页面在操作完毕需返回上一页面时，销毁创建的本客户信息录入页面元素，并将div元素全部移出，同时将之前备份的返回键事件函数做还原。

6.根据权利要求5所述的一种在原生HTML5页面中实现单页应用的方法，其特征在于：所述步骤三中创建要弹出显示的页面元素，如在移动端，需要响应手机的返回键事件，还需将原页面的时间函数做备份，覆盖弹出的显示页面元素中的时间，实现原页面与弹出显示页面时间一致。

7.一种在原生HTML5页面中实现单页应用的系统，至少包括一台连接了互联网或者局域网系统的计算机，其特征在于：所述计算机内至少包括存储器、处理器、显示器以及网卡，所述存储器中储存有上述权利要求1-6中所述的在原生HTML5页面中实现单页应用的方法或实现该方法的程序；所述处理器运行上述权利要求1-6中所述的在原生HTML5页面中实现单页应用的方法的可执行程序；所述显示器显示页面运行过程。