关于H5 storage 的一些注意事项以及用法
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了关于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
以上是关于关于H5 storage 的一些注意事项以及用法的主要内容，如果未能解决你的问题，请参考以下文章