html5 本地存储

最新推荐文章于 2022-11-18 22:13:26 发布

转载最新推荐文章于 2022-11-18 22:13:26 发布 · 308 阅读

本文介绍了HTML5中localStorage的基本用法，包括设置、获取及删除数据等操作，并提供了示例代码，展示了如何利用key()方法遍历所有存储项。

html5本地存储非常方便大小5M 足够用了

用法也很简单

localStorage.name = "张三";//设置a为"张三"
localStorage["name"] = "李四";//设置name为"李四"，覆盖上面的值
localStorage.setItem("age","20");//设置age为"20"
var name1= localStorage["name"];//获取name的值
var name2 = localStorage.name;//获取name的值
var age= localStorage.getItem("age");//获取age的值
localStorage.removeItem("age");//清除age的值

推荐使用的自然是getItem()和setItem()，清除键值对使用removeItem()。如果希望一次性清除所有的键值对，可以使用clear()。另外，HTML5还提供了一个key()方法，可以在不知道有哪些键值的时候使用，如下：

var storage = window.localStorage;
function showStorage(){
for(var i=0;i<storage.length;i++){
//key(i)获得相应的键，再用getItem()方法获得对应的值
document.write(storage.key(i)+ " : " + storage.getItem(storage.key(i)) + "<br>");
}
}