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

标签：javascript

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有效期和作用域

未完待续

JavaScript权威指南第20章 客户端存储,布布扣,bubuko.com

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

标签：javascript

原文地址：http://blog.csdn.net/michael10001/article/details/31420535