HTML5中的localStorage用法

转载于 2016-09-27 10:51:00 发布 · 60 阅读

本文介绍了如何使用localStorage进行数据存储，包括设置、读取、删除及清除数据等基本操作，并对比了与cookie的不同之处。

存储数据的方法就是直接给window.localStorage添加一个属性，例如：window.localStorage.name 或者 window.localStorage["name"]。

1.设置setItem

2.读取getItem

3.删除removeItem

4.全部清除clear

    localStorage.name = 'jack';
    localStorage.getItem('name'); // jack
    localStorage.setItem('name','tom'); // 重新覆盖，变为了tom了
    localStorage.setItem('age','18');
    localStorage.getItem('name'); // tom
    localStorage.getItem('age');  // 18
    localStorage.removeItem('name');
    localStorage.getItem('name'); // 已经被清除了null
    localStorage.getItem('age');  // 18
    localStorage.clear();         // 清除了所有
    localStorage.getItem('age'); // null

需要注意的是：这里的存储不同意cookie，没有时间限制。