JavaScript權威指南科20章 client記憶

標籤：

20 client記憶

client幾種形式儲存的：

web記憶

cookie

IE userData

離線應用

web資料庫

檔案系統api

 

20.1 localStorage 和 sessionStorage

20.1 .1 儲存有效期間和範圍

localStorage 和 sessionStorage差別在於儲存的有效期間和範圍不同。

localStorage的範圍限制在文檔源層級的。

文檔源：協議 主機名稱 port 決定同一個文檔源

同源的文檔源能夠共用同一個localStorage，甚至能夠改動和覆蓋localStorage。

localStorage的範圍受到不同瀏覽器廠商的限制。

同源的文檔源能夠共用同一個sessionStorage，範圍被限制在表單中，這裡的表單指的是頂級表單。

同源的文檔源的<iframe>能夠共用sessionStorage.

測試瀏覽器是否支援該特性：

 

<strong>function test() {var a = window.localStorage;if (a) {alert("your browser supports localStorage");} else {alert("your browser dosen't support localStorage");}}</strong>

20.1.2 儲存API

操作儲存物件和屬性

<strong>localStorage.setItem("userName", "Michael");localStorage.getItem();localStorage.removeItem();localStorage.delete();localStorage.clear();</strong>

20.1.3儲存事件

HTML5的本機存放區。還提供了一個storage事件。能夠對鍵值對的改變進行監聽，用法例如以下：

if(window.addEventListener){
 window.addEventListener("storage",handle_storage,false);
}else if(window.attachEvent){
 window.attachEvent("onstorage",handle_storage);
}
function handle_storage(e){
 if(!e){e=window.event;}
 //showStorage();
}

 

20.2 cookie

20.2.1 cookie有效期間和範圍

未完待續

 

 

著作權聲明：本文部落格原創文章，部落格，未經同意，不得轉載。

JavaScript權威指南科20章 client記憶