一种在原生HTML5页面中实现单页应用的方法及系统技术方案

本发明专利技术公开了一种在原生HTML5页面中实现单页应用的方法，将跳转的页面通过组件页面的方法实现，实现方法如下：在HTML5页面中引入js；当HTML5页面流程执行到需要跳转页面时，通过require按需加载组件页面。HTML5页面在通过require按需加载组件页面的同时调用组件页面的初始化函数。在调用组件页面的初始化函数时，组件中隐藏原HTML5页面全部元素并展示组件页面元素。通过将页面的跳转改为组件页面的方法，避免了移动端页面跳转时需要对主页面数据进行缓存及跳转回主界面时需要重新显示的问题，降低了系统运行故障率同时减少了代码重复率，提高了系统开发质量和速度。

【技术实现步骤摘要】
一种在原生HTML5页面中实现单页应用的方法及系统
本专利技术涉及页面调度
，具体涉及一种在原生HTML5页面中实现单页应用的方法及系统。
技术介绍
前端HTML5页面开发技术发展飞快，各种框架技术争奇斗艳，虽然新的框架有极大技术优势，但开发学习成本较高，又或者正在线上运行中的老工程无法改造支持新的框架。在一些多步骤操作交互页面中，通过页面跳转的方式实现多个页面之间的切换，此时页面之间传递参数较为繁琐且容易出错，随之出现一系列通过url传参、缓存传参等造成的数据丢失、数据未清除等问题，而此现象在移动端的原生HTML5页面中更为严重。所以需要提供一种新的技术思路，解决原生HTML5页面的参数传递问题或页面跳转问题。
技术实现思路
针对当前原生HTML5页面的参数传递问题或页面跳转问题，本专利技术提供一种在原生HTML5页面中实现单页应用的方法及系统。本专利技术公开了一种在原生HTML5页面中实现单页应用的方法，将跳转的页面通过组件页面的方法实现，实现方法如下：在HTML5页面中引入js；当HTML本文档来自技高网...

【技术保护点】
1.一种在原生HTML5页面中实现单页应用的方法，将跳转的页面通过组件页面的方法实现，其特征在于：/n在HTML5页面中引入js；/n当HTML5页面流程执行到需要跳转页面时，通过require按需加载组件页面。/n

【技术特征摘要】
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为组件执行结束后的回调函数；
步...

【专利技术属性】
技术研发人员：高乐乐，
申请(专利权)人：北京思特奇信息技术股份有限公司，
类型：发明
国别省市：北京;11