浏览器本地存储方式

最新推荐文章于 2024-08-15 20:33:20 发布

deng131

最新推荐文章于 2024-08-15 20:33:20 发布

阅读量356

点赞数

分类专栏： javascript 文章标签：浏览器 IE Flash Chrome HTML5

javascript 专栏收录该内容

138 篇文章 0 订阅

订阅专栏

浏览器存储方式主要方法：

[color=blue]* Cookie
4096字节；缺点：存储量小，请求头附带cookie带来性能问题。
* Flash Share Object
默认支持100k，跨浏览器存储最好的方式，毕竟现在没有安装flash插件的用户是很少的；
缺点：需要加载一个swf文件，个别用户不支持flash。
* IE的 UserData
最少也能支持640k，IE8后已经支持DOM Storage；缺点：IE only。
* DOM Storage
默认支持5M存储量；缺点：IE7，IE6不支持。
* Google Gears
功能最强；缺点：但需要安装软件，而且，安装的用户是较少的。[/color]
[img]http://dl.iteye.com/upload/picture/pic/77401/13bc5203-85b7-3449-bfdd-fb34d46d0a71.png[/img]

DOM Storage

支持：Firefox, Chrome, Opera, Safari, IE8+
DOM Storage 分为两种sessionStorage 和 localStorage。
1：sessionStorage 是指在当前窗口会话中持续保存的数据，但关闭窗口后就没了；
2：localStorage是在本地永久存储的。

方法：
    * key(index)   根据索引获取值
    * getItem(key) 获取 key 的值
    * setItem(key, data) 设置 key 的值
    * removeItem(key) 删除 key
    * clear()         清除所有的key
属性：
    * length 当前存储的个数

IE UserData

支持：IE5+
通过给 xml 或者 html 标签添加 behavior 来支持 userData
例如：
<input style="behavior:url('#default#userData')" id="userData">
或者
object.style.behavior = "url('#default#userData')"
object.addBehavior ("#default#userData")


方法：
    * getAttribute() 获取指定的属性值。
    * load(object)   从 userData 存储区载入存储的对象数据。
    * removeAttribute() 移除对象的指定属性。
    * save(object)   将对象数据存储到一个 userData 存储区。
    * setAttribute() 设置指定的属性值。
属性：
    * expires 设置或者获取 userData behavior 保存数据的失效日期，不设置则为永久。
    * XMLDocument 获取 XML 的引用。

结论：
[color=red]
不宜在客户端存储敏感的信息，使用window.name、localStorage、globalStorage等在客户端存储的信息都非常的容易暴露，
建议在完成数据存储或者设定一个过期时间清除掉来保证用户帐号等的安全。[/color]

参考：

[url]http://dev.w3.org/html5/webstorage/[/url]
[url]http://msdn.microsoft.com/en-us/library/ms531424.aspx[/url]
[url]http://foxling.org/js-ajax-dom/broswer-local-storage/#more-519[/url]
[url]http://www.ilovejs.net/archives/category/javascript/page/2[/url]