1. 程式人生 > >HTML5中本地儲存概念是什麽,什麽優點 ,與cookie有什麽區別?

HTML5中本地儲存概念是什麽,什麽優點 ,與cookie有什麽區別?

http 頁面 存儲大小 pat nbsp cookie 同時 請求 path

html5中的Web Storage 包括了兩種存儲方式: sessionStorage 和 localStorage.

  seessionStorage 用於本地存儲一個會話(session)中的數據,這些數據只有在同一個會話中的頁面才能訪問並且當會話結束後數據也隨之銷毀。因此sessionStorage不是一個持久化的本地儲存,僅僅是會話級別的存儲。而localStorage用於持久化的本地存儲,除非主動刪除數據,否則數據是永遠不會過期的;

  cookie是網站為了表示用戶身份而儲存在用戶本地終端上的數據(通常經過加密).

  區別:

  1. cookie 數據始終在同源的http請求中攜帶(即使不需要),即cookie在瀏覽器和服務器鍵來回傳遞。而sessionStorage 和 localStorage 不會自動把數據發給服務器,進在本地保存。cookie數據還有路徑(path)的概念,可以限制cookie只屬於某個路徑下。

  2. 存儲大小限制也不同,cookie數據不能超過4k,同時因為每次http請求都會攜帶cookie,所以cookie只適合保存很小的數據,如會話標識。sessionStorage 和 localStorage 雖然也有存儲大小的限制,但比cookie大的多,可以達到5M或更大。

  3. 數據有效期不同,sessionStorage: 僅在當前瀏覽器窗口關閉前有效,自然不可能持久保持;localStorage:始終有效,窗口瀏覽器關閉也一直保存,因此用作持久數據:cookie 只在設置的cookie過期時間之前一直有效,即使窗口或瀏覽器關閉。

  4. 作用域不同,sessionStorage 不在不同的瀏覽器窗口中共享,即使是同一個頁面;localStorage 在所有同源窗口中都是共享的;cookie也是在所有同源窗口都是共享的。

HTML5中本地儲存概念是什麽,什麽優點 ,與cookie有什麽區別?