html5 localStorage(本地存储）

原文地址：https://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/html5-localstorage/

html5提供两种新的客户端存储数据的方法： localStorage 和 sessionStorage.

localStorage:

    localStorage方法是长期保存， 存储的数据没有时间限制。

sessionStorage：

    sessionStorage方法是临时保存， 针对一个session进行数据存储。当用户关闭浏览器窗口后，数据就会删除。

 

localStorage主要有一下集中方法：

    setItem("key" , "value"): 存储名字为key的一个值value， 如果key存在，就更新value

    getItem("key"): 获取名称为key的值，如果key不存在则返回null

    removeItem("key"): 删除名称为“key”的信息， 这个key所对应的value也会全部被删除

    clear(): 清空localStorage中所有信息

    key(): 键的索引

 

例子：

localStorage.setItem(“name”,“panda”);//设置name为panda
localStorage.setItem(“name”,“Jane”);//覆盖之前的值，现在name所对应的值是Jane
localStorage.getItem(“name”);//获取name的值，即Jane
localStorage.removeItem(“name”);//删除name以及name的值
localStorage.clear();//清除localstorage里边所有数据
function forEachKey(callback) {//遍历显示localStorage中的key
  for (var i = 0; i < localStorage.length; i++) {
    callback(localStorage.key(i));
  }
}