HTMl5sessionStoragelocalStorage
html5Web Storage包括两种存储式：sessionStoragelocalStorage
sessionStorage用于本存储（session）数据些数据同页面才能访问并且结束数据随销毁sessionStorage种持久化本存储仅仅级别存储
localStorage用于持久化本存储除非主删除数据否则数据永远期
web storagecookie区别
Web Storage概念cookie相似区别更容量存储设计Cookie受限并且每请求新页面候Cookie都发送形浪费带宽另外cookie需要指定作用域跨域调用
除外Web Storage拥setItem,getItem,removeItem,clear等像cookie需要前端发者自封装setCookiegetCookie
Cookie或缺：Cookie作用与服务器进行交互作HTTP规范部存 Web Storage仅仅本存储数据（自@otakustay 纠）
html5 web storage浏览器支持情况
浏览器支持除IE7及支持外其标准浏览器都完全支持(ie及FF需web服务器运行)值提IE总办事例IE7、IE6UserData其实javascript本存储解决案通简单代码封装统所浏览器都支持web storage
要判断浏览器否支持localStorage使用面代码：
if(window.localStorage){ alert("浏览支持localStorage") }else{ alert("浏览暂支持localStorage") } //或者 if(typeof window.localStorage == 'undefined'){ alert("浏览暂支持localStorage") }
localStoragesessionStorage操作
localStoragesessionStorage都具相同操作例setItem、getItemremoveItem等
localStoragesessionStorage
setItem存储value
用途：value存储key字段
用：.setItem( key, value)
代码示例：
sessionStorage.setItem("key", "value"); localStorage.setItem("site", "js8.in");
getItem获取value
用途：获取指定key本存储值
用：.getItem(key)
代码示例：
var value = sessionStorage.getItem("key"); var site = localStorage.getItem("site");
removeItem删除key
用途：删除指定key本存储值
用：.removeItem(key)
代码示例：
sessionStorage.removeItem("key"); localStorage.removeItem("site");
clear清除所key/value
用途：清除所key/value
用：.clear()
代码示例：
sessionStorage.clear(); localStorage.clear();
其操作：点操作[]
web Storage用自身setItem,getItem等便存取像普通象用点(.)操作符及[]式进行数据存储像代码：
var storage = window.localStorage; storage.key1 = "hello"; storage["key2"] = "world"; console.log(storage.key1); console.log(storage["key2"]);
localStoragesessionStoragekeylength属性实现遍历
sessionStoragelocalStorage提供key()length便实现存储数据遍历例面代码：
var storage = window.localStorage; for (var i=0, len = storage.length; i < len; i++){ var key = storage.key(i); var value = storage.getItem(key); console.log(key + "=" + value); }
storage事件
storage提供storage事件键值改变或者clear候触发storage事件面代码添加storage事件改变监听：
if(window.addEventListener){ window.addEventListener("storage",handle_storage,false); }else if(window.attachEvent){ window.attachEvent("onstorage",handle_storage); } function handle_storage(e){ if(!e){e=window.event;} }
内容全部来源于网络收集，如有侵权，请联系网站删除：QQ：24596024