[TOC] #### web storage储存 web storage： • Web Storage与session和cookie类似，Web Storage也有分两类sessionStorage和localStorage，这两个差别就跟session和cookie一样，sessionStorage关闭浏览器后过期，localStrage不会过期，但是跟cookie不 一样的是没有过期时间。 特点： • 1、容量大，5M~10M，目前的形势就5MB来考虑是比较妥当的。 • 2、不会随着会话来传输。 • 3、接口丰富，读取和写入方便 #### 浏览器检测 注意：需要搭建服务器环境访问 <script> var h1 = document.getElementById("h1"); var h2 = document.getElementById("h2"); if (window.sessionStorage) { h1.innerHTML = "支持sessionStorage"; } else { h1.innerHTML = "不支持sessionStorage"; } if (window.localStorage) { h2.innerHTML = "支持localStorage"; } else { h2.innerHTML = "不支持localStorage"; } </script> #### sessionStorage操作 sessionStorage.setItem(key,value) 获取指定key的本地存储的值 sessionStorage.getItem(key) 将value存储到key字段中 sessionStorage.removeItem(key) 删除指定key的本地存储的值 sessionStorage.length sessionStorage的项目数 sessionStorage.clear 清除所有sessionStorage数据 注： • 只要浏览器窗口或标签不关闭就一直保存 • 只允许在一个标签中操作，也不支持ctrl+click操作 • 适合用在短时间使用的业务中 #### localStorage操作 localStorage.setItem(key,value) 将value存储到key字段中 localStorage.getItem(key) 获取指定key的本地存储的值 localStorage.removeItem(key) 删除指定ke的本地存储的值 localStorage.length localStorage的项目数 localStorage.clear 清除所有localStorage数据 注： • 存储没有时间限制。第二天、第二周或下一年之后，数据依然可用 • 多个标签可共享