HTML、css和javascript开发Android程序第五章节 客户端存储 学习笔记

html5带来两种新的客户端存储方式 Web Storage 和 web SQL Database

一、 Web Storage

两种形式 localStorage 和sessionStorage

共性：都能用javascrip取得 key=>value 形式的值，并在重新加载页面时读出他们

与cookie的区别：完全存储在客户端，不会发往服务器端，可以存储更多，2.5m

区别：在持久性和范围上有区别

localStorage

即使浏览器关闭了，只要同源 (同域名，端口、协议)窗口或标签，都可访问到，可用于设置或偏好类的存储

sessionStorage

数据存储在窗口中，关闭后即失去，其它窗口或标签页不可见。可用于特殊的窗口状态，比如表格的排序状态或窗口的高亮状态。

实现方法

setItem localStorage.setItem('age',40);

getItem localStorage.getItem('age');

removeItem

localStorage.clear();

localStorage.age =

delete localStorage.age

实例： kilo Setting面板