JavaScript权威指南科20章 client记忆
2015-08-08 09:09
746 查看
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.
測试浏览器是否支持该特性:
20.1.2 存储API
操作存储对象和属性
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有效期和作用域
未完待续
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有效期和作用域
未完待续
相关文章推荐
- 用JSON方式回调服务器
- javascript基本知识学习第二天
- jsp页面不直接放在web根目录下面时相关servlet的路径配置
- 利用JavaScript选择GridView行
- JS真假
- 合并运动及透明度框架(含json)
- JavaScript基础----37JS浏览器对象-Screen对象
- JavaScript基础----36JS浏览器对象-Location对象
- JavaScript基础----35JS浏览器对象-History对象
- JavaScript基础----34JS浏览器对象-计时器
- JavaScript基础----33JS浏览器对象-window对象
- JavaScript基础----32JSDOM对象控制HTML元素详解-2
- JavaScript基础----31JSDOM对象控制HTML元素详解-1
- JavaScript基础----30JS内置对象-Math对象
- JavaScript基础----29JS内置对象-Array数组对象
- JavaScript基础----28JS内置对象-Date日期对象
- JavaScript基础----27JS内置对象-String字符串对象
- JavaScript基础----26JS内置对象-什么是对象
- 字符串模拟利用gson解析与生成json
- JavaScript高级程序设计 读书笔记 第二章