HTML5 localStorage和sessionStorage存储

srchange 2016-07-16

一。存储有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>");
 }
}

相关推荐