在HTML5中,本地存储是一个window的属性,包括localStorage和sessionStorage,前者是一直存在本地的,后者只是伴随着session,窗口一旦关闭就没了,两者调用方式完全相同。
localStorage是以键值对的方式存在本地化数据库,其使用非常简单,这里列举几个使用小例子:
1. 判断浏览器是否支持localStorage
if(window.localStorage){
alert('支持');
}else{
alert('不支持');
}
2.设置值
localStorage.setItem("a","1");//设置a值为1
localStorage.getItem("a");//获取a的值
localStorage.removeItem("a");//清除a的值
localStorage.clear();//清除所有值
3.遍历key
HTML5还提供了一个key()方法,可以在不知道有哪些键值的时候使用,如下:
for(var i=0;i<window.localStorage.length;i++){
document.write(window.localStorage.key(i)+“<br>");
}