1. 程式人生 > >h5新增加的儲存方法

h5新增加的儲存方法

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");