localStorage 对象存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。

示例

小白教程网www.2d5.net

localStorage.sitename="HTML教程";

document.getElementById("result").innerHTML="网站名：" + localStorage.sitename;

实例解析：

n  使用 key="sitename" 和 value="菜鸟教程" 创建一个 localStorage 键/值对。

n  检索键值为"sitename" 的值然后将数据插入 id="result"的元素中。

以上实例也可以这么写：

// 存储

localStorage.sitename = "菜鸟教程";

// 查找

document.getElementById("result").innerHTML = localStorage.sitename;

移除 localStorage 中的 "sitename" :

localStorage.removeItem("sitename");

不管是 localStorage，还是 sessionStorage，可使用的API都相同，常用的有如下几个（以localStorage为例）：

n  保存数据：localStorage.setItem(key,value);

n  读取数据：localStorage.getItem(key);

n  删除单个数据：localStorage.removeItem(key);

n  删除所有数据：localStorage.clear();

n  得到某个索引的key：localStorage.key(index);

提示： 键/值对通常以字符串存储，你可以按自己的需要转换该格式。

下面的实例展示了用户点击按钮的次数。代码中的字符串值转换为数字类型，示例

小白教程网www.2d5.net

if (localStorage.clickcount)

{

    localStorage.clickcount=Number(localStorage.clickcount)+1;

}

else

{

    localStorage.clickcount=1;

}

document.getElementById("result").innerHTML=" 你已经点击了按钮 " + localStorage.clickcount + " 次 ";