1.cookie:存儲在用戶本地終端上的數(shù)據(jù)。有時也用cookies,指某些網(wǎng)站為了辨別用戶身份,進行session跟蹤而存儲在本地終端上的數(shù)據(jù),通常經(jīng)過加密。一般應(yīng)用最典型的案列就是判斷注冊用戶是否已經(jīng)登過該網(wǎng)站。
2.HTML5 提供了兩種在客戶端存儲數(shù)據(jù)的新方法:
兩者都是僅在客戶端(即瀏覽器)中保存,不參與和服務(wù)器的通信;
localStorage - 沒有時間限制的數(shù)據(jù)存儲,第二天、第二周或下一年之后,數(shù)據(jù)依然可用。
如何創(chuàng)建和訪問 localStorage:
<script type="text/javascript">
localStorage.lastname="Smith";document.write(localStorage.lastname);
</script>
sessionStorage - 針對一個 session 的數(shù)據(jù)存儲,當(dāng)用戶關(guān)閉瀏覽器窗口后,數(shù)據(jù)會被刪除。
創(chuàng)建并訪問一個 sessionStorage:
<script type="text/javascript">
sessionStorage.lastname="Smith"; document.write(sessionStorage.lastname);
</script>
sessionStorage 、localStorage 和 cookie 之間的區(qū)別
共同點:
都是保存在瀏覽器端,且同源的。
區(qū)別:
1.cookie數(shù)據(jù)始終在同源的http請求中攜帶(即使不需要),即cookie在瀏覽器和服務(wù)器間來回傳遞;cookie數(shù)據(jù)還有路徑(path)的概念,可以限制cookie只屬于某個路徑下。存儲大小限制也不同,cookie數(shù)據(jù)不能超過4k,同時因為每次http請求都會攜帶cookie,所以cookie只適合保存很小的數(shù)據(jù),如會話標(biāo)識。
而sessionStorage和localStorage不會自動把數(shù)據(jù)發(fā)給服務(wù)器,僅在本地保存。sessionStorage和localStorage 雖然也有存儲大小的限制,但比cookie大得多,可以達到5M或更大。
數(shù)據(jù)有效期不同,sessionStorage:僅在當(dāng)前瀏覽器窗口關(guān)閉前有效,自然也就不可能持久保持;localStorage:始終有效,窗口或瀏覽器關(guān)閉也一直保存,因此用作持久數(shù)據(jù);cookie只在設(shè)置的cookie過期時間之前一直有效,即使窗口或瀏覽器關(guān)閉。
2.作用域不同,sessionStorage不在不同的瀏覽器窗口中共享,即使是同一個頁面;localStorage 在所有同源窗口中都是共享的;cookie也是在所有同源窗口中都是共享的。Web Storage 支持事件通知機制,可以將數(shù)據(jù)更新的通知發(fā)送給監(jiān)聽者。Web Storage 的 api 接口使用更方便。