炫意html5
最早CSS3和HTML5移动技术网站之一

5+App全局变量、常量、共享数据、跨webview传参的综述

本文是5+App的全局变量介绍,uni-app的全局变量另见文章:https://ask.dcloud.net.cn/article/35021

很多编程语言都有全局变量,但js语言没有。
HTML5+虽然也可以扩展类似plus.globle,但权衡后我们发现,新增类似的方案,不会对便利性有很大的提升,但对App的性能有负面影响,所以我们还是没有提供全局变量,但在本文中详述其他共享数据的方法。

共享数据有几种方法。

  1. localStorage
    localStorage是HTML5标准,可跨webview使用。
    是持久化存储的,App关闭后也存在,除非js手动删除。
    如果考虑持久化,可以使用localStorage
  2. 共享js文件的全局常量
    我们可以给每个HTML页面都引入一个相同的js文件,比如common.js,在里面定义一个变量,var g = 0;
    这个每个页面的g都等于0。
    但这种方式处理的变量是不能跨webview同步的,比如a.html引入common.js后,重新给g赋值为1,那么同样引入common.js的b.html里的g并不会同步更改为1。
    所以说这种方式只适合于共享常量。
  3. url传参
    在web时代,页面间传参的主要方式是url后面加问号,挂参数。形如 b.html?g=0
    然后在b页面里通过js解析title来获取值。
    这种方式问题很多,App开发不推荐使用这种方式。
    问题1是在某些Android手机上,应用的HTML资源必须从apk里解压出来放到sd卡里才能运行,否则就会报404找不到页面。
    而解压资源又影响第一次启动的速度。(解压资源的设置在manifest里)
    问题2是b页面在载入以后,a仍然要给b传递数据,此时就没法用了。
  4. 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
  5. mui的自定义事件
    mui的自定义事件是对HTML5+的evalJS的一种简化封装。
    当开发者使用mui框架时,可以更简单的跨页传递和获取参数。
    具体参考:
    http://ask.dcloud.net.cn/article/63
    6.其他
    方法其实还有很多,
    比如session.storage,在单页时可用。
    比如通过io共享数据,比如json文件或txt文件;
    比如websql、indexedDB、plus.storage;
    比如在服务器临时存。。。

回答

炫意HTML5 » 5+App全局变量、常量、共享数据、跨webview传参的综述

Java基础教程Android基础教程