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有效期和作用域
未完待续
版权声明:本文博客原创文章,博客,未经同意,不得转载。