Web 技术研究所

我一直坚信着,Web 将会成为未来应用程序的主流

IE6/7的localStorage兼容解决方案

  本地储存在现代Web框架中起着重要的作用,但最简单的标准本地储存localStorage也是从IE8才开始支持的。那么在IE6/7上要怎么办?IE原本也有自己的本地储存接口userData,通过这个接口我们可以照着标准localStorage来重新封装,以便和标准浏览器统一。
  同VML一样,userData也是为元素添加一个Behavior后让元素支持相关方法。最基本的两个方法是saveload,他们可以保存和加载元素上的属性(attributes)。
<!--请在IE6/7上测试-->
<script id="test">
test.addBehavior("#default#userData");
test.setAttribute("data-data","测试数据");
test.save("my test data");
test.setAttribute("data-data","");
test.load("my test data");
document.write(test.getAttribute("data-data"));
</script>
  看完上面代码大概就能知道userData的逻辑了吧?
  下面我把它封装好,以便与标准保持一致:
    localStorage.js

  重启浏览器后再测试
网名:
54.144.24.*
电子邮箱:
仅用于接收通知
提交 悄悄的告诉你,Ctrl+Enter 可以提交哦
神奇海螺
[查看全部主题]
各类Web技术问题讨论区
发起新主题
本模块采用即时聊天邮件通知的模式
让钛合金F5成为历史吧!
次碳酸钴的技术博客,文章原创,转载请保留原文链接 ^_^