window屬性:localStorage

2018-04-12 10:34 更新

localStorage屬性

localStorage 只讀屬性允許您訪問 Document 源的 Storage 對(duì)象;存儲(chǔ)的數(shù)據(jù)保存在瀏覽器會(huì)話中。 localStorage 類似 sessionStorage,除了存儲(chǔ)在localStorage 中的數(shù)據(jù)沒有到期時(shí)間,當(dāng)頁(yè)面會(huì)話結(jié)束時(shí),存儲(chǔ)在 sessionStorage 中的數(shù)據(jù)會(huì)被清除,也就是說(shuō),當(dāng)頁(yè)面被關(guān)閉時(shí)。

應(yīng)該注意的是,存儲(chǔ)在 localStorage 或 sessionStorage 中的數(shù)據(jù)都是特定于頁(yè)面協(xié)議的。

localStorage屬性語(yǔ)法

myStorage = window.localStorage;

localStorage屬性值

一個(gè)Storage對(duì)象,它可以用來(lái)訪問當(dāng)前原點(diǎn)的本地存儲(chǔ)空間。

異常

SecurityError
請(qǐng)求違反了策略決定,或者源不是有效的方案/主機(jī)/端口元組(scheme/host/port tuple)(如果源使用file:data:方案,則可能發(fā)生這種情況)。例如,用戶可能會(huì)將其瀏覽器配置為拒絕為指定來(lái)源保留數(shù)據(jù)的權(quán)限。

localStorage屬性示例

以下片段訪問當(dāng)前域的本地 Storage 對(duì)象并使用 Storage.setItem() 向其添加數(shù)據(jù)項(xiàng)。

localStorage.setItem('myCat', 'Tom');

讀取 localStorage 項(xiàng)目的語(yǔ)法如下所示:

var cat = localStorage.getItem("myCat");

刪除 localStorage 項(xiàng)目的語(yǔ)法如下所示:

localStorage.removeItem("myCat");

規(guī)范

規(guī)范狀態(tài)注釋
HTML Living Standard
的'localStorage'的定義。
Living Standard
 

瀏覽器兼容性

我們正在將兼容性數(shù)據(jù)轉(zhuǎn)換為機(jī)器可讀的JSON格式。

  • 電腦端
特征Chrome
Edge
Firefox(Gecko)
Internet Explorer
Opera
Safari(WebKit)
localStorage支持:4支持支持:3.5支持:8支持:10.50支持:4
sessionStorage支持:5支持支持:2支持:8支持:10.50支持:4 
  • 移動(dòng)端

特征AndroidEdgeFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
基本支持支持:2.1支持?支持:8支持:11支持:iOS 3.2

所有的瀏覽器有兩種不同的能力水平:localStorage 和 sessionStorage,以下是各種瀏覽器的所有存儲(chǔ)容量的簡(jiǎn)介。

注意:從iOS 5.1開始,Safari Mobile localStorage會(huì)根據(jù)操作系統(tǒng)的要求將數(shù)據(jù)存儲(chǔ)在高速緩存文件夾中,該數(shù)據(jù)庫(kù)偶爾會(huì)進(jìn)行清理,通常在空間不足的情況下。Safari Mobile的隱私瀏覽模式也會(huì)阻止localStorage完全寫入。

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)