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