zoukankan      html  css  js  c++  java
  • 关于H5 storage 的一些注意事项以及用法

    在我们使用H5 storage之前,先了解一下storage的介绍吧:

    Storage模块管理应用本地数据存储,用于应用数据的保存和读取,应用本地数据localStorage,sessionStorage的区别在于数据的有效域不同,前者可在应用内跨域操作,数据存储期是持久化的,并且没有容量的限制,通过plus.storage可获取应用本地数据管理对象

    这里我们就说一下最常用的两个方法:

    getItem(key);--根据key值获取应用存储的值,没有值返回null

    setItem(key,value);--保存数据至应用存储中,没有值返回null

    <html>
        <head>
        <meta charset="utf-8">
        <title>Storage Example</title>
        <script type="text/javascript">
    
    
    document.addEventListener("plusready",plusReady,false);
    // H5 plus事件处理
    function plusReady()
    {
      //这里填写plus的处理代码
    }
    // Get storage item value 
    function setStorage()
    {
      plus.storage.setItem("name","博客园");//大家保存数据的时候,key键尽量小写,value尽量存储字符串
    }
    function getStorage() 
    { 
      return plus.storage.getItem("test");//根据key的值来获取保存在应用存储中的数据
    }
     </script>
     </head>
     <body> 
      获取应用存储区中保存的键值对的个数
      <br/> 
      <button onclick="alert(getStorage())">获得本地应用存储数据</button> 
      <button onclick="setStorage()">保存数据至本地应用存储</button> 
    </body> 
    </html>

      

    以上是一个很简单的小列子,那么下面就给大家说一说在使用过程中经常会遇到的一些问题:

    1:document.addEventListener("plusready",plusReady,false);这一句话大家注意不要每次使用都添加一次监听,只需要在初始化的时候写一下就可以了(这里只针对单页面)

    2:还有一些朋友,在使用的过程中,发现明明已经Ready过了,为什么使用的时候还是会报错:plus is ....不要着急,其实这个问题很简单,看一下你的编译器在真机运行的时候,你本地保存一次,app上面也跟着刷新一次,遇到这样的问题,大家把真机运行关闭,重新运行一次就可以啦

    其实这个东西很简单的,当然你的对他有所了解才行,下面给大家一个官方的文档链接,也可以根据官方的内容来进行实战的哈

    http://www.html5plus.org/doc/zh_cn/storage.html

  • 相关阅读:
    谷歌、火狐浏览器下实现JS跨域iframe高度自适应的完美解决方法,跨域调用JS不再是难题!
    23种设计模式大全(适合新手阅读)
    职责链模式-设计模式系列
    策略模式-设计模式系列
    状态模式-设计模式系列
    解释器模式-设计模式系列
    备忘录模式
    中介者模式
    SQL-Server collation, what is it and how to change db/column collation
    [SimHash] the Hash-based Similarity Detection Algorithm
  • 原文地址:https://www.cnblogs.com/liuqiwang/p/5213779.html
Copyright © 2011-2022 走看看