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