h5新增加的儲存方法
阿新 • • 發佈:2018-12-19
h4中使用的cookie把使用者資訊儲存在客戶端瀏覽器,但是它受到很多限制。
大小:最多能儲存4k
頻寬:它是隨著http請求一起傳送到伺服器的,因此浪費一部分的頻寬。
複雜度:操作複雜。
h5新增加了一種在客戶端本地儲存資料的方法 webstorange,分兩種形式
sessionStorage:將資料儲存在session物件中。所謂session,是指使用者在瀏覽某個網站時,從進入網站到瀏覽器關閉所經過的這段時間,session物件可用來儲存在這段時間內所要求儲存的任何資料
localStorage:將資料儲存在客戶端本地的硬體裝置中,即使瀏覽器關閉了,該資料仍然存在,下次開啟瀏覽器訪問網站時仍然可用 區別:sessionStorage為臨時儲存,localStorage為永久儲存。
sessionStorage 臨時儲存用一視窗的資料 關閉視窗時會刪除資料 存的兩種方式 一setItem()方法儲存:sessionStronge.setItem("test","測試") 二通過屬性方式儲存: sessionStronge["test"]="測試"; 取 一getItem()方法取:sessionStronge.getItem() 二屬性方法取:sessionStronge["test"] 銷燬sessionStronge.clear() 可儲存json格式資料 轉換成json格式字串格式儲存 var obj={ name:"test", age:18 } sessionStronge.setItem("test",JSON.stringify(obj));
localStorange用來作為本地存貯,解決了session儲存空間不夠的問題 訪問當前域名,關閉當前域名再次開啟會存在 缺陷:高版本支援 ie8以上支援(以下用userData) 不能被爬蟲獲取 瀏覽器隱私模式下是不可取的 儲存內容過多會是頁面變卡 存 var storage=window.localStorange; storange.setItem("test",3); 取 storange.getItem("test"); 全部刪除 storange.clear(); 刪除某一個 storange.removeItem("test");