LocalStorage和sessionStorage的用法以及使用区别

在HTML5中，有一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。

1.localstorage:

localStorage的生命周期是永久性的。即使关闭浏览器，数据也不会销毁，存储大小一般为5M,需要主动去销毁，使用方法如下：

var storage = null;

if(window.localStorage){ //判断浏览器是否支持localStorage

storage = window.localStorage;

storage.setItem("name", "Rick"); //存储

alert(storage.getItem("name")); //获取

storage.removeItem("name"); //删除

storage.clear();//清除所有数据

storage.length();//查看多少条记录

}

2.sessionStorage

sessionStorage 的生命周期是在浏览器关闭前。在整个浏览器未关闭前，其数据一直都是存在的。

var storage = window.sessionStorage;

storage.setItem('name', name);

storage.getItem("name");

storage.removeItem("name");

storage.clear();//清除所有数据

storage.length();//查看多少条记录