HTML5 Web存储(Web Storage)技术及用法
来源:互联网 发布:socket vc 编程实例 编辑:程序博客网 时间:2024/05/16 04:04
Web存储(Web Storage)基本要领
- 存储的数据可以是任何类JSON的结构化数据。
- 存储的数据不会随着用户浏览时会话过期而过期,但会应用户的请求而删除。浏览器也因为存储空间的限制或安全原因删除它们。
- 存储的信息在整个域名下都可以使用。
Web存储(Web Storage)里的方法
- setItem(key,value): 往
sessionStorage
对象里增加一个key/value数据。 - getItem(key): 根据key获取值。
- clear(): 清空
sessionStorage
对象。 - removeItem(key): 从
sessionStorage
对象里删除一个数据。 - key(n): 获取key[n]的值。
设置Key/Value值
有两种方法都能将信息放入sessionStorage
中:
sessionStorage.setItem('someKey','someValue');
…你也可以用更简洁的方法:
sessionStorage.someKey = 'someValue';
获取一个值:
也有两种方法可以获取一个值:
sessionStorage.getItem('someKey'); //returns 'someValue'
…或者简单的引用sessionStorage
:
sessionStorage.someKey; //returns 'someValue'
删除一个Key/Value
sessionStorage.removeItem('someKey'); //returns 'undefined' for someKey
所有你需要做的是将key值提供给removeItem
方法。
清空数据
sessionStorage.clear(); //什么都没了
只需要简单的调用clear()方法,什么都没了。
Web存储(Web Storage)使用的一个简单例子
<a href="javascript:;" onClick="if(sessionStorage && sessionStorage.getItem('name')) { alert('赶快回来哦, ' + sessionStorage.getItem('name')); }">注销</a>
当用户点击注销链接,页面会谈到对话框说“赶快回来哦,xxx”!
HTML5 Web存储(Web Storage)的浏览器支持情况
所有很酷的功能特征的出现最关键的就是浏览器的支持情况,幸运的是,所有的现代浏览器都支持HTML5 Web存储(Web Storage),从IE8开始也支持它。如果你要支持IE6、IE7,那就自己想办法吧。
HTML5 Web存储(Web Storage)非常简单但也非常有用。因为HTML5 Web存储(Web Storage)需要使用JavaScript进行操作,所以,在使用它执行一些关键功能时要确保浏览器支持这个特征并开启了JavaScrpt脚本功能。
0 0
- HTML5 Web存储(Web Storage)技术及用法
- HTML5 Web存储(Web Storage)技术及用法
- HTML5 Web存储(Web Storage)技术及用法
- HTML5 Web存储(Web Storage)技术以及用法
- html5 web storage 存储
- HTML5 Web Storage用法
- HTML5本地存储-Web Storage
- HTML5 Web Storage 存储介绍
- HTML5--本地存储Web Storage
- HTML5 网页存储 Web Storage
- HTML5 本地存储Web Storage
- html5本地存储web storage
- HTML5--本地存储Web Storage
- HTML5----Web Storage存储web数据
- HTML5 web存储—web storage
- HTML5本地存储之Web Storage篇
- HTML5本地存储之Web Storage篇
- html5之本地存储web Storage
- 测试信息
- 使用nagios监控指定进程
- 关于C语言存储类
- form提交数据给后台,前端给他需要的值
- socket中的close和shutdown区别
- HTML5 Web存储(Web Storage)技术及用法
- hive日期函数
- ubuntu14.04+cuda8.0(gtx1080)下tensorflow的安装
- Linux系统移植实验---USB驱动的移植
- Android系统Surface机制的SurfaceFlinger服务的线程模型分析
- 使用过滤器,处理404错误
- PHP strtotime指定日期上增加一天
- table的hover提示语
- Android 动态申请权限