詳解html5的web儲存與cookie的區別

之前我們製作網站基本上都是透過cookie實現本地快取資料的，但因為cookie本身儲存容量小，而安全係數也不是太高，所以很多地方用起來都會有些吃力，而HTML5為我們提供了方便快速的web儲存機制。

#客戶端儲存的特性：

在HTML5中的資料不是由每個伺服器請求傳遞的，而是只有在請求時使用資料。它使在不影響網站效能的情況下儲存大量資料成為可能，對於不同的網站，資料儲存於不同的區域，並且一個網站只能存取其自身的資料。

客戶端儲存的方法：

HTML5是使用JAVASCRIPT來進行本機資料的儲存和讀取的。

儲存的容量：

一般cookie的容量為4KB，而HTML5儲存的資料能達到5-10M，對於網站開發者來說是個福音。

localStorage 方法：

localStorage 方法儲存的資料沒有時間限制。第二天、第二週或下一年之後，數據仍然可用。

sessionStorage 方法：

#sessionStorage 方法針對一個 session 進行資料儲存。當使用者關閉瀏覽器視窗後，資料會被刪除。

對頁面造訪次數統計的HTML5程式碼：

<script type="text/javascript"> 

if (localStorage.pagecount) {  
   localStorage.pagecount=Number(localStorage.pagecount) +1;  } 

else  {  localStorage.pagecount=1;  } 

document.write("Visits "+ localStorage.pagecount + " time(s)."); 

</script>

以上是詳解html5的web儲存與cookie的區別的詳細內容。更多資訊請關注PHP中文網其他相關文章！