聯系：
- sessionStorage和localStorage一樣，都是用來緩存客戶端緩存信息。
- 他們都只能存儲字符串類型對象。
區別：
- localStorage的生命周期是永久的，除非用戶主動清除瀏覽器UI上存儲的localStorage信息，否則它將永久存在。
- sessionStorage的生命周期是存在於標簽頁或窗口，用於本地存儲一個會話（session）中的數據，這些數據隨着窗口或標簽頁的關閉而被清空。因此其僅僅是會話級別的本地存儲。
- 不同的瀏覽器之間是無法共享sessionStorage和localStorage信息的，同一瀏覽器的不同頁面之間可以共享localStorage信息（頁面屬於相同域名和端口），但不同頁面或標簽頁之間無法共享sessionStorage的信息。注意：頁面及標簽頁是指頂級窗口，如果一個標簽頁包含多個iframes標簽，且它們屬於同源頁面，它們之間是可以共享sessionStorage信息的。
-
同源的判斷規則：
http://www.test.com
https://www.test.com （不同源，因為協議不同）
http://my.test.com（不同源，因為主機名不同）
http://www.test.com:8080（不同源，因為端口不同）
- localStorage和sessionStorage都具有相同的操作方法，例如setItem、getItem和removeItem等
localStorage.setItem('key','value');//以key為名稱存儲一個value值 localStorage.getItem('key');//得到名稱為key的值 //枚舉localStorage的方法
var storage=window.localStorage;
for(var i=0;i<storage.length;i++){ var name=storage.key(i); var value=storage.getItem(name); } //刪除localStorage中存儲信息的方法： localStorage.removeItem('key);//刪除名稱為“key”的信息。 localStorage.clear();//清除所有方法 -
通過getItem或直接使用localStorage["key"]獲取到的信息均為實際存儲的副本。
例如：
localStorage.key = {value1:"value1"};
localStorage.key.value1='a';
這里是無法對實際存儲的值產生作用的，下面的寫法也不可以：
localStorage.getItem("key").value1="a";
web storage和cookie的區別：
web storage的概念和cookie類似，區別就是他是為了更大容量的存儲而設計的。Cookie的大小是受限的，並且你每請求一個新頁面時cookie都會被發送過去，無形中浪費了帶寬，另外cookie還需指定作用域，不可以跨域調用。
除此之外，web storage擁有setItem,getItem,removeItem,clear等方法，不像cookie需要前端開發者自己封裝setCookie，getCookie。
但是Cookie也是不可以或缺的：Cookie的作用是與服務器進行交互，作為HTTP規范的一部分而存在 ，而Web Storage僅僅是為了在本地“存儲”數據而