HTML5 localStorage 对象_惠州计算机HTML5培训学校

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

实例

localStorage.sitename="北大青鸟";

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

实例解析：

使用 key="sitename" 和 value="北大青鸟" 创建一个 localStorage 键/值对。

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

以上实例也可以这么写：

// 存储

localStorage.sitename = "北大青鸟";

// 查找

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

移除 localStorage 中的 "sitename" :

localStorage.removeItem("sitename");

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

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

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

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

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

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

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

下面的实例展示了用户点击按钮的次数。

代码中的字符串值转换为数字类型:

实例

if (localStorage.clickcount)

{

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

}

else

{

    localStorage.clickcount=1;

}

document.getElementById("result").innerHTML=" 你已经点击了按钮 "

 + localStorage.clickcount + " 次 ";

点击咨询直接了解更多相关资料，我在惠州北大青鸟新方舟等你。

本文内容转载自网络，版权归原作者所有，如有侵权请联系我们进行删除。

标签：惠州计算机软件培训惠州计算件软件开发惠州计算机软件基础惠州计算机HTML5软件开发惠州HTML5培训学校惠州HTML5培训HTML5基础教程HTML5是什么HTML5教程HTML5入门