《HTML5移动web开发指南》——笔记3(本地存储)
来源:互联网 发布:金山软件有哪些 编辑:程序博客网 时间:2024/06/05 11:01
HTML5本地存储规范中,定义两个API
1)Web Storage
2)本地数据库 Web SQL Database
以下主要介绍Web Storage:
Web Storage的作用是在网站中把有用的信息存储到本地的计算机或者移动设备上,根据实际需求从本地获取信息。
Web Storage提供两种存储类型API接口:sessionStorage和localStorage。(sessionStorage在会话期间有效,localStorage永久存储在本地)
(注:大部分游览器目前都是这种特性)
代码严谨性:使用之前检查游览器是否支持Web Storage
if(window.localStorage){}if(window.sessionStorage){}
代码安全性:localStorage是域内安全的。(但各个游览器之间的数据是独立的)
localStorage属性:length
localStorage方法:setItem和getItem方法——赋值和取值
removeItem方法删除一个key/value对
clear方法删除所有的键值对
localStorage.setItem("name","啦啦啦");localStorage.getItem("name");//如果localStorage存储列表中只存在一个item,可以通过index去读取name值localStorage.key(1);//删除指定key为“name”的itemlocalStorage.removeItem("name");//删除localStorage所有key/value键值对itemslocalStorage.clear();
Storage 事件监听
HTML5 Web Storage API 内置的事件监听器能对数据进行监听。
Storage事件的借口代码如下所示:
interface StorageEvent:Event {readonly attribute DOMString key;readonly attribute DOMString? oldValue;readonly attribute DOMString? newValue;readonly attribute DOMString url;readonly attribute Storage?storageArea;void initStrageEvent(in DOMString typeArg, in boolean canBubbleArg, in boolean cancelableArg, in DOMString keyArg, in DOMString oldValueArg, in DOMString newValueArg, in DOMString urlArg, in Storage storageAreaArg);};
- key属性表示存储中的键名
- oldValue属性:数据更新前的键值(如果数据是新添加的,该值为null)
- newValue属性:数据更新后的值(如果数据通过removeItem删除,该值为null)
若调用clear方法,则key、oldValue和oldValue的值都是null
- url属性:记录Storage时间发生时的源地址
- StorageArea属性指向事件监听对应的Storage对像
storage原意为仓库、储藏间 , StorageArea则很形象的指向这个仓库对应的位置或者说空间
0 0
- 《HTML5移动web开发指南》——笔记3(本地存储)
- 《HTML5移动web开发指南》——笔记1
- 《HTML5移动web开发指南》——笔记2
- HTML5移动web开发指南笔记
- HTML5移动开发之路(16)——HTML5 Local Storage(本地存储)
- HTML5移动Web开发指南
- HTML5移动Web开发指南
- html5移动WEB开发指南
- HTML5移动开发指南(笔记概要)
- 《HTML5移动开发指南》——笔记5(html5表单元素)
- 《HTML5移动开发指南》——笔记7(Media Queries 移动设备样式)
- 《HTML5移动Web开发指南》读后笔记
- 小强的HTML5移动开发之路(19)——HTML5 Local Storage(本地存储)
- 小强的HTML5移动开发之路(19)——HTML5 Local Storage(本地存储)
- 《HTML5移动开发指南》——笔记4(离线应用)
- 《HTML5移动开发指南》——笔记6(CSS3新特性)
- 《HTML5移动开发指南》——笔记8(Geolocation地理定位)
- html5移动web开发笔记
- Failed to load JavaHL Library
- MyEclipse10.6 myeclipse2013下添加jadClipse反编译插件 .
- Linux socket之一:基础函数
- 9-CSS继承,层叠,特殊性
- 斐波那契堆
- 《HTML5移动web开发指南》——笔记3(本地存储)
- poj1321——棋盘问题(DFS)
- 如何让Mysql支持emoji(表情)
- QtQuick.Controls2.0 Header、Footer:Tabbar
- redis 五种数据类型的使用场景
- iOS App 调用QQ客户端,发起临时会话
- 前端开发代码块收集整理
- eclipse 创建maven项目时 报错 Unable to create project from archetype [org.apache.maven.archetypes:ma
- 没啥事,就发两张图