在我们使用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 的一些注意事项以及用法的更多相关文章

  1. jquery.validate验证表单配合回调提交和h5.storage本地保存笔记

    表单验证插件我使用:jquery.validate.js 支持中文提示,可扩展性强!教程地址 本地保存状态信息使用:h5提供的storage,浏览器支持5m的存储量,存储类型必须是string类型,并 ...

  2. H5项目常见问题及注意事项

    Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 //一.HTML页面结构 <meta name="viewport" content="wi ...

  3. H5项目常见问题及注意事项，视频全屏，定位，屏幕旋转和触摸，偏页面重构向 来源joacycode的github

    Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 //一.HTML页面结构 <meta name="viewport" content="wi ...

  4. vue2.* 事件结合双向数据绑定、模块化以及封装Storage实现todolist 待办事项 已经完成 和进行中持久化 06

    ceshi.vue <template> <div id="app"> <input type='text' v-model='todo' @keyd ...

  5. H5项目常见问题汇总及解决方案（果断复制粘贴，不解释）

    H5项目常见问题及注意事项 Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 //一.HTML页面结构 <meta name="viewport" co ...

  6. H5项目常见问题

    转自 https://github.com/FrontEndZQ/HTML5-FAQH5项目常见问题及注意事项 Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面//一.HTML页 ...

  7. H5项目常见问题汇总及解决方案

    H5项目常见问题汇总及解决方案 H5   2015-12-06 10:15:33 发布 您的评价:       4.5   收藏     4收藏 H5项目常见问题及注意事项 Meta基础知识: H5页 ...

  8. html5 storage事件

    HTML5 虽然很多年了,但是真的了解不不够不够.主题说的是 storage时间,说起对 storage 事件的了解还是从 QQ音乐 说起. QQ音乐的主页是 https://y.qq.com , 而 ...

  9. h5前端项目常见问题汇总

    原文作者:FrontEndZQ 原文链接:https://github.com/FrontEndZQ/HTML5-FAQ H5项目常见问题及注意事项 Meta基础知识: H5页面窗口自动调整到设备宽度 ...

随机推荐

  1. Andorid4.x 流氓式屏蔽HOME键

    转载请列明出处 http://blog.csdn.net/steelychen/article/details/37757341 应用项目须要要屏蔽HOME键. 项目本身的要求是让按下HOME键后程序 ...

  2. SQL书写技巧

    SQL书写技巧: 1.针对分区表,如果可以使用分区条件的,一定要加分区条件.分区条件的使用,可以减少不必要的数据访问,加快查询数据,如TB_CSV_ACCEPT_FLOW_OPERATOR表,以acc ...

  3. C 循环链表

    循环链表的定义:将单链表中最后一个数据元素的next指针指向第一个元素 在循环链表中可以定义一个“当前”指针,这个指针通常称为游标,可以通过这个游标来遍历链表中的所有元素. 1) 普通插入元素(和单链 ...

  4. LINUX系统备份

    LINUX系统备份 =========================================================== 作者: gswwgph(http://gswwgph.itp ...

  5. php动态调用方法_sux

    <form  action=""> <input type="hidden" name="mod" id="mo ...

  6. 通过scrollerview自定义collectionview(常用于推荐关注界面)

    最近项目上要实现一个效果,先把效果图摆上来吧: 刚看到效果图的时候  我觉得很简单  用UICollectionview就可以了 但是后来发现collectionview只有两种布局方式  比较单一 ...

  7. 深入理解计算机系统第二版习题解答CSAPP 2.16

    填写下表,说明不同移位运算对单字节数的影响. x x<<3 x>>2(逻辑) x>>2(算术) 十六进制 二进制 二进制 十六进制 二进制 十六进制 二进制 十六进 ...

  8. 【技巧】centos6.5_yum本地安装mysql

    环境:centos6.5 .64位.mysql5.6.3 有鉴于此前在网上得来的Yum换源安装mysql,成功是可以成功,就是会受网速等影响,有时候会因为yum下载rpm包很慢以致超时失败. 而且考虑 ...

  9. Logstash conf.d 多个配置文件

    概要 今天在群里一个关于在 logstash 的配置目录存在多个配置文件时候如何处理的问题? 我说是加载所有配置文件并合并为一个. lcy@lcy:~/ELK/logstash$ sudo /opt/ ...

  10. 在Linux平台上用ASP.NET 5 连接Redis服务器

    最近在做一个Linux平台上基于ASP.Net 5 中间件+Redis+Mysql架构的系统,研究使用了 StackExchange.Redis 作为asp.net5连接redis的工具.作者在前几天 ...