HTML5 localStorage和sessionStorage存储

一。存储有localStorage和sessionStorage等：

localStorage存储：是保存在本地的。只有通过把本地的数据删掉，才能实现数据的删除。

sessionStorage存储：是临时存储的，只要刷新页面数据就没有了。

数据是以键值对的形式存储的。

二。他们有各种方法用来实现各种功能：

 1.setItem(key,value)将数据进行存储。

例如:

localStorage.setItem("local",100)

 这样就数据存到localStorage了。

 

 2.getItem(key)从存储中通过相应的键获取相应的值。

例如：

var num=localStorage.getItem("local")
console.log(num);//100

 这样就把键为“local”的值取出来了。

 3.removeItem(key)从存储中删除相对应的键值对。

例如：

localStorage.removeItem("local")

 

 这样就把“local”这个键和值都删掉了。

  4.clear()从存储中清除所有的键值对。

例如：

localStorage.clear()

 这样就把localStorage所有的键值对删掉了。

 5.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>");
 }
}