本文是5+App的全局变量介绍,uni-app的全局变量另见文章:https://ask.dcloud.net.cn/article/35021
很多编程语言都有全局变量,但js语言没有。
HTML5+虽然也可以扩展类似plus.globle,但权衡后我们发现,新增类似的方案,不会对便利性有很大的提升,但对App的性能有负面影响,所以我们还是没有提供全局变量,但在本文中详述其他共享数据的方法。
共享数据有几种方法。
- localStorage
localStorage是HTML5标准,可跨webview使用。
是持久化存储的,App关闭后也存在,除非js手动删除。
如果考虑持久化,可以使用localStorage - 共享js文件的全局常量
我们可以给每个HTML页面都引入一个相同的js文件,比如common.js,在里面定义一个变量,var g = 0;
这个每个页面的g都等于0。
但这种方式处理的变量是不能跨webview同步的,比如a.html引入common.js后,重新给g赋值为1,那么同样引入common.js的b.html里的g并不会同步更改为1。
所以说这种方式只适合于共享常量。 - url传参
在web时代,页面间传参的主要方式是url后面加问号,挂参数。形如 b.html?g=0
然后在b页面里通过js解析title来获取值。
这种方式问题很多,App开发不推荐使用这种方式。
问题1是在某些Android手机上,应用的HTML资源必须从apk里解压出来放到sd卡里才能运行,否则就会报404找不到页面。
而解压资源又影响第一次启动的速度。(解压资源的设置在manifest里)
问题2是b页面在载入以后,a仍然要给b传递数据,此时就没法用了。 - HTML5+的evalJS方法
plus.webview对象有evalJS方法,可以在一个webview里操作让另一个webview执行一段js,这个方法不仅可用于传递参数,还可用于随意的互相调用通信。
evalJS类似js标准的eval方法,把js代码变成字符串传递过去,变量也变成值跟随字符串一起传过去。
具体参考:
http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewObject.evalJS - mui的自定义事件
mui的自定义事件是对HTML5+的evalJS的一种简化封装。
当开发者使用mui框架时,可以更简单的跨页传递和获取参数。
具体参考:
http://ask.dcloud.net.cn/article/63
6.其他
方法其实还有很多,
比如session.storage,在单页时可用。
比如通过io共享数据,比如json文件或txt文件;
比如websql、indexedDB、plus.storage;
比如在服务器临时存。。。
13 个评论
要回复文章请先登录或注册
1***@qq.com
1***@qq.com
FYC
3***@qq.com
陈浩
maq
吾兮
高一一
semieye
lam