HTML5 Web Storage全解析（2）
作者：Miller 来源：百度泛用户体验 发布时间：2010-06-26 13:06:00
API测试
方法包括以下几个：
setItem(key,value)、removeItem(key)、getItem(key)、clear()、key(index)；
属性包括length、remainingSpace(非标准)。不过存储数据时可以简单的使用localStorage.key=value的方式。
测试地址为：http://varnow.org/pages/html5/web_storage/local/localStorage.html
测试结果另人满意，标准中定义的接口在各个浏览器中都已实现，此外IE8下新增了一个非标准的remainingSpace属性，用于获取存储空间中剩余的空间。结果如表2：
表2 API测试
此外关于setItem(key,value)方法中的value类型，理论上可以是任意类型，不过实际上浏览器会调用value的toString方法来获取其字符串值并存储到本地，因此如果是自定义的类型则需要自己定义有意义的toString方法。
事件
标准的事件为onstorage，当存储空间中的数据发生变化时触发。此外，IE8中新增了一个onstoragecommit事件，当数据写入的时候触发。onstorage事件中的事件对象应该支持以下属性：
The key attribute represents the key being changed.
The oldValue attribute represents the old value of the key being changed.
The newValue attribute represents the new value of the key being changed.
The url attribute represents the address of the document whose key changed.
The storageArea attribute represents the Storage object that was affected.
对于这一标准的实现，webkit内核的浏览器（Chrome、Safari）以及Opera是完全遵循标准的，IE8则只实现了url，Firefox下则均未实现。
测试地址为：http://varnow.org/pages/html5/web_storage/local/event.html
具体结果见表3。
表3 onStorage事件对象属性测试
此外，不同的浏览器事件注册的方式以及对象也不一致，具体如表4。
0
投稿猜你喜欢
- 目前还没有更好的方法来追写Excel，lorinnn在网上搜索到以及之后用到的方法就是使用第三方库xlutils来实现了这个功能，主体思想就
- MySQL的常见操作在这里先做一下总结，已经整合到代码里面，经过检验无误。/*创建一个数据库*/create database xuning
- Python 类的继承详解Python既然是面向对象的，当然支持类的继承，Python实现类的继承比JavaScript简单。Parent类
- 本文实例为大家分享了python实现学生成绩测评系统的具体代码，供大家参考，具体内容如下1、问题描述（功能要求）： 根据实验指导书
目录简单的验证码简单的登录页面我们经常在登录一个网站，或者注册的时候需要输入一个验证码，有时候觉得很烦，因为有些验证码不仅复杂还看不清，许多- /*ajax提交的延时等待效果*/var AjaxLoding = new Object();//wraperid : 显示loding图片
- 本文实例讲述了php简单实现批量上传图片的方法。分享给大家供大家参考，具体如下：<?phpfunction upload_multi(
- 背景：读取TXT文件，加载到kafka中，然后通过logstash消费kafka中的数据加载到es中第一步：导入相应的依赖包pip inst
- 1.排序ORDER BY 子句来设定哪个字段哪种方式来进行排序，再返回搜索结果。desc：降序select * from blog orde
- 国外纷纷传言IE8将是Internet Explorer的最后一个版本，这个猜测来源于Microsoft的CEO Steve
- 本文主要研究的是Python编程turtle的实例，绘制一个七彩蟒蛇。。具体如下。第2周的课后练习里，有一道题目，要求修改“蟒蛇绘制”程序，
- 一 multiprocessing模块介绍python中的多线程无法利用多核优势，如果想要充分地使用多核CPU的资源（os.cpu\_cou
- 尽管 xml.etree.ElementTree 库通常用来做解析工作，其实它也可以创建XML文档。 例如，考虑如下这个函数：from xm
- be前言：期末临近，考Python的同学可以练练问题描述：给定一段长度为N的整数序列A，请从中选出一段连续的子序列（可以为0）使得这段的总和
- 最近在学习Vue这个框架，发现新的版本中，官网的文档里面说的过渡效果，如果直接粘贴官方的例子中的代码，发现并没有过渡的效果，经过反复测试之后
- 这是一道常见的面试题，在实际项目中经常会用到。需求：求出以产品类别为分组，各个分组里价格最高的产品信息。实现过程如下：declare @t
- 一、作用主要用于保留组件状态或避免重新渲染。二、用法<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，
- 正在看的ORACLE教程是:Oracle 8x监控sysdba角色用户登陆情况。在Oracle 8i版本之前，使用internal
- 前言：终于来了一篇有质量的文章，我个人感觉非常不错，《jfinal与bootstrap之间的登录跳转实战》。具体内容包含有点击登录弹出模态框
- 机器视觉从Google的无人驾驶汽车到可以识别假钞的自动售卖机，机器视觉一直都是一个应用广泛且具有深远的影响和雄伟的愿景的领域。这里我们将重
