HTML5的本地存储
来源:互联网 发布:淘宝千百惠女装 编辑:程序博客网 时间:2024/06/05 11:13
Web Storage 提供了两种存储类型API接口:localStorage 和sessionStorage
二者的简单区别
名称localStoragesessionStorage生命周期除非用户删除,否则永久保存网页关闭,生命周期结束存储位置本地浏览器端
Storage事件监听:
只需要使用HTML5 Web Storage API内置的事件监听器对事件进行控制
addEventListener()
要监听的事件代码:
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>使用WebStorage存储事件监听实例-操作LocalStorage数据</title> <script type="text/javascript"> window.onload = function(){ /*对storage对象进行了三次操作 */ localStorage.clear(); localStorage.setItem("userData","storage demo"); localStorage.setItem("userData","storage event demo"); } </script> </head> <body></body></html>
监听器
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>监听localStorage事件 </title> <script type="text/javascript"> window.onload = function(){ window.addEventListener("storage",function(e){ console.log(e); },true); } </script> </head> <body></body></html>
监听结果:数据被更改了3次
0 0
- HTML5的本地存储
- html5的本地存储
- html5的本地存储
- HTML5的本地存储
- HTML5的本地存储
- html5的本地存储
- html5的本地存储
- html5的本地存储
- 初探HTML5的本地存储
- 初探HTML5的本地存储
- 初探HTML5的本地存储
- HTML5本地存储的安全性
- html5的本地存储问题
- 【html5】html5 本地存储
- 【html5】html5 本地存储
- [HTML] 使用HTML5的本地存储localStorage
- [HTML] 使用HTML5的本地存储localStorage
- html5本地存储的兼容性写法
- PDOstament对象执行execute()函数,只要是sql语句正确都是返回true
- PHP程序中使用PDO对象实现对数据库的增删改查操作的示例代码
- js判断input输入框为空时遇到的问题 弹窗后,光标没有定位到输入框,而是直接执行我的处理页面程序
- 访问权限控制表
- EnterpriseArchitectect 软件的勾选的几个选项对应的中文意思
- HTML5的本地存储
- 历年软件设计师下午考试试题汇总统计
- (转)百度Map API
- android 控制震动强度
- 百度地图与谷歌地图 (常识、区别,更倾向于使用百度地图,纠错信息比谷歌多)
- html5基础知识
- jQuery Mobile 图标无法显示
- 学习了几天的jQuery Mobile的一点感受
- 快速排序算法