轩枫阁

首页 / Web前端 / hack / Localstorage本地存储兼容函数

Localstorage本地存储兼容函数

前言

HTML5提供了本地存储的API:localstorage对象和sessionStorage对象,实现将数据存储到用户的电脑上。Web存储易于使用、支持大容量(但非无限量)数据同时存储,同时兼容当前所有主流浏览器,但不兼容早期浏览器。

存储API

localStorage和sessionStorage通常被当做普通的JavaScript对象使用:通过设置属性来存储字符串值,查询该属性来读取该值。除此之外,这两个对象还提供了更加正式的API。

  • 调用setItem()方法,将对应的名字和值传递出去,可以实现数据存储
  • 调用getItem()方法,将名字传递出去,可以获取对应的值
  • 调用removeItem()方法,名称作为参数,可以删除对应的数据
  • 调用clear()方法,可以删除所有存储的数据
  • 使用length属性以及key()方法,传入0~length-1的数字,可以枚举所有存储数据的名字

 IE User Data

微软在IE5及之后的IE浏览器中实现了它专属的客户端存储机制——“userData”。

userData可以实现一定量的字符串数据存储,对于IE8以前的IE浏览器中,可以将其用作是Web存储的替代方案。

iLocalStorage插件

由于IE8以下浏览器的本地存储API不一样,所以就写了个插件兼容各大浏览器存储。提供的方法及用法如下:

插件代码

其他插件

localForagehttps://github.com/mozilla/localForage

store.jshttps://github.com/marcuswestin/store.js

128/470
130/470

相关阅读

文章评论

  • 挺羡慕技术的,可以吧网站定制的很漂亮

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子