你的位置:首页 > 软件开发 > 网页设计 > 关于H5 storage 的一些注意事项以及用法

关于H5 storage 的一些注意事项以及用法

发布时间:2016-02-24 18:00:03
在我们使用H5 storage之前,先了解一下storage的介绍吧:Storage模块管理应用本地数据存储,用于应用数据的保存和读取,应用本地数据localStorage,sessionStorage的区别在于数据的有效域不同,前者可在应用内跨域操作,数据存储期是持久化的,并且 ...

在我们使用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>

原标题:关于H5 storage 的一些注意事项以及用法

关键词:H5

H5
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。