資訊專欄INFORMATION COLUMN
摘要：在中，數據不是由每個服務器請求傳遞的，而是只有在請求時使用數據。它使在不影響網站性能的情況下存儲大量數據成為可能。第二天第二周或下一年之后，數據依然可用。語法設置也可以使用這種方式讀取數據刪除數據清空中所有的數據
HTML5 提供了兩種在客戶端存儲數據的新方法（Web Storage）：
localStorage - 沒有時間限制的數據存儲
sessionStorage - 針對一個 session 的數據存儲
之前，這些都是由 cookie 完成的。但是 cookie 不適合大量數據的存儲，因為它們由每個對服務器的請求來傳遞，這使得 cookie 速度很慢而且效率也不高。
在 HTML5 中，數據不是由每個服務器請求傳遞的，而是只有在請求時使用數據。它使在不影響網站性能的情況下存儲大量數據成為可能。
對于不同的網站，數據存儲于不同的區域，并且一個網站只能訪問其自身的數據。
HTML5 使用 JavaScript 來存儲和訪問數據。
每個瀏覽器對session storage和local storage支持的數據儲存大小都不一樣，具體可以到[[測試頁面]](http://dev-test.nemikor.com/w...
瀏覽器兼容| 儲存方式 | chrome | firefox | IE | Opera | Safari |
|---|---|---|---|---|---|
| localStorage | 4 | 3.5 | 8 | 10.50 | 4 |
| sessionStorage | 5 | 2 | 8 | 10.50 | 4 |
存儲在 sessionStorage 里面的數據在頁面會話結束時會被清除。頁面會話在瀏覽器打開期間一直保持，并且重新加載或恢復頁面仍會保持原來的頁面會話。在新標簽或窗口打開一個頁面會初始化一個新的會話，這點和 session,cookies 的運行方式不同。
語法// 設置session Storage
sessionStorage.setItem("key", "value");
sessionStorage.keyName = "valueName"; // 也可以使用這種方式
// 讀取數據
console.log(sessionStorage.getItem("key"));
// 刪除數據
sessionStorage.removeItem("value");
// 清空session storage中所有的數據
sessionStorage.clear();
local storage
localStorage 方法存儲的數據沒有時間限制。第二天、第二周或下一年之后，數據依然可用。
語法// 設置local Storage
localStorage.setItem("key", "value");
localStorage.keyName = "valueName"; // 也可以使用這種方式
// 讀取數據
console.log(localStorage.getItem("key"));
// 刪除數據
localStorage.removeItem("key");
// 清空local storage中所有的數據
localStorage.clear();
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/87224.html
摘要：源自阮一峰具體什么意思，請看下面的截圖就一目了然表示對象的的數量實戰網站名網站地址確認網站名查詢機制原意是小甜餅，是服務器保存在瀏覽器的一小段文本信息，屬于其中一種互聯網存儲機制。 目錄 1. Web Storage 2. Cookie機制 3. 二者的聯系與區別 1.Web Storage 1.1 概述 Web Storage是HTML5提供的一種新的瀏覽器端數據儲存機制，它提供兩...
摘要：根據標準，到目前為止，一共有種緩存機制，有些是之前已有，有些是才新加入的。首次請求緩存有效期內請求緩存過期后請求一般瀏覽器會將緩存記錄及緩存文件存在本地文件夾中。 騰訊 Bugly 特約作者：賀輝超 1. H5 緩存機制介紹 H5，即 HTML5，是新一代的 HTML 標準，加入很多新的特性。離線存儲（也可稱為緩存機制）是其中一個非常重要的特性。H5 引入的離線存儲，這意味著 web ...
閱讀 1658·2021-08-13 15:03
閱讀 2089·2019-08-30 15:54
閱讀 3549·2019-08-26 10:30
閱讀 1025·2019-08-26 10:22
閱讀 2752·2019-08-23 14:42
閱讀 1813·2019-08-22 11:16
閱讀 1045·2019-08-21 18:33
閱讀 3167·2019-08-21 17:28
