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面板