JavaScript权威指南第20章 客户端存储

20 客户端存储

客户端存储的几种形式：

web存储

cookie

IE userData

离线应用

web数据库

文件系统api

 

20.1 localStorage 和 sessionStorage

20.1 .1 存储有效期和作用域

localStorage 和 sessionStorage区别在于存储的有效期和作用域不同。

localStorage的作用域限制在文档源级别的。

文档源：协议 主机名 端口 决定同一个文档源

同源的文档源可以共享同一个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有效期和作用域

未完待续