

7.2.1 检查浏览器的支持性
数据可以通过webstore,检查浏览是否支持webstorage
通过检查浏览器的sessionStorage是否存在来判断是否支持
sessionStorage
setltem(key,value) 设置关键字
removeItem(key) 删除关键字
getItem(key)
clear() 清除
key(index)
onstorage
onstoragecommit
key 被改变的键
oldValue 被改变的键的旧值
newvalue:被改变的。。。
url
storageArea:
7.2.2 设置和获取数据
windows.sessionStorage.setItem('myFirstKey','myFirstValue'); 键,值
window.sessionStorage.getItem('myFirstKey')
window.sessionStorage.myFirstKey('myFirstKey')
允许开发人员获取任何属性
window.sessionStorage.myFirstKey
localStorage
7.2.3 防止数据泄露
购买机票,使用cookies传输,cookies是保存的本地的,使用sessionStorage不存在客户端中又可以跨页面访问
7.2.4 Web Storage其他用法
名字和生命周期,实现接口代码也相同
readonly attribute unsigned long length;
getter DOMString key(in ussigned long index)
getter any getItem(in DOMString key)
setter creator void setItem(in DOMString key, in any data)
deleter void removeItem(in DOMString key)
void clear()
7.2.5 Web Storage事件监测
存储数据被修改后触发一系列的操作,
window.addEventListener("storage", displayStroageEvent, true) 事件类型是stoage,任何事件都会接收
包含 的事件
readonly attribute DOMSTring key;
readonly attribute any oldValue;
定义一个事件处理函数
function displayStorageEvent(e){
}
7.2.6 实例1:设计网页皮肤
window.localStorage.getItem
7.2.7 实例2:跟踪localStorage数据
数据保存到本地存储对象中
获取本地数据,把数据显示出来,执行存储
7.2.8 实例3:设计计数器
会话计数器,访问量
7.2.9 综合应用:Web应用项目实时跟踪
如何存到本地,如何加载,清除所有
要导入jquery-ui-1.8.js
得到焦点,内容清空,
编写删除项目的函数
7.3.2 使用Web SQL数据库
html5也收纳了了数据库的api
Database openDatabase(in DOMString name, in DOMString version , in DOMString displayName, in unsigned long estimatedSize, in optional DataBaseCallback creation。。。
db = openDatabase("toDo", "0,1", "Alist of to do items." 200000);
if(!db)
alert"Failed to connect to database.")
使用事务处理,一个在操作时,不让其它人操作
db.transaction(ffuncton(tx) ()}
transaction.executeSql(sqlquery, [] dataHandler, errorHandeler); 成功时回调函数,出错时回调函数
tx.executeSql('Create table if not exists t1 (id unique, log)');
tx.executesql('insert into t1 (id, log) values (1, "foobar")');
tx.executeSql(insert into t1 (id, log) VALUES (?, ?'(), [e_id, e_log];
7.3.3 实例1:创建简单的本地数据库
db= openDatabase('mydb','1.0','Test DB', 2*1024*1024);
对于复杂的再用web sql,其它昼量用web stroage
7.3.4 实例2:批量存储本地数据
快速读取sql数据并显示
7.3.5 综合应用:Web Storage和Web SQL混合开发
web留言本,用web storage保存大量数据
保存时以时间作为标记,相关键字一样
单击追加,添加数据,单击初始化删除所有数据
使用web Storage作数据库,库分很多表,表分很多列,对这些解决就能用web storage作数据库
removeAllData()
addData追加函数
saveData()保存数据
多个函数相互调用
用web sql模拟小型数据库,但代码量较大