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

未完待续

版权声明：本文博客原创文章，博客，未经同意，不得转载。