[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數據 注： ? 存儲沒有時間限制。第二天、第二周或下一年之后，數據依然可用 ? 多個標簽可共享