DIV CSS 佈局教程網

 Local Storage(本地存儲)

Html5 storage提供了一種方式讓網站能夠把信息存儲到你本地的計算機上，並再以後需要的時候進行獲取。這個概念和cookIE相似，區別是它是為了更大容量存儲設計的。Cookie的大小是受限的，並且每次你請求一個新的頁面的時候cookIE都會被發送過去。Html5的storage是存儲在你的計算機上，網站在頁面加載完畢後可以通過Javascript來獲取這些數據。 本地存儲真的是Html5的一部分嗎？那為什麼它出現在另外單獨的標准中？ 簡單的說本地存儲是HTML5的一部分。更為詳細准確的說是本地存儲過去是Html5的標准中的一部分，而後來由於有些工作組的人表示Html5太龐大了，於是就剝離出來作為一個單獨的標准。這聽起來好像是把一塊餡餅分成很多塊目的是為了減少總的卡路裡……好吧，世界的標准就是這麼的古怪！

想要檢測你的浏覽器是否支持Html5的本地存儲特性可以使用之前介紹過的檢測方法中的第一種方法。如果你的浏覽器支持該特性的話，那麼全局對象：window上會有一個localStorage的屬性，反之，你的浏覽器不支持的話，那麼該屬性值為undefined

JavaScript Code復制內容到剪貼板

1. function supports_local_storage(){  
2.     return !!window.localStorage;  
3. }  

同樣的，如果你不想自己親手去寫這個檢測方法的話，你可以使用Modernizr來檢測你的浏覽器是否支持本地存儲。

JavaScript Code復制內容到剪貼板

1. if(Modernizr.localstorage){  
2.   //window.localStorage is available!  
3. }else{  
4.   //no native support for local storage  
5.   //maybe try Gears or another third-party solution  
6. }  

Html5的本地存儲安全嗎？是不是所有人都可以讀取到存儲的數據？ 任何可以物理上能訪問你的計算機的人都有可能看看到你的Html5的本地數據庫，在你的浏覽器中，任何網站都可以讀取和修改他們自己存儲的數據，但是不能不同站點的存儲數據不能相互訪問。這叫域限制