html5清除session,HTML5 Web存储的localStorage和sessionStorage的使用方法

使用HTML5 Web存储的localStorage和sessionStorage方式进行Web页面数据本地存储。

页面参考如下图，能将页面上的数据进行本地存储。并能读取存储的数据显示在页面上。

localStorage(本地存储),可以长期存储数据，没有时间限制，一天，一年，两年甚至更长，数据都可以使用。

sessionStorage(会话存储)，只有在浏览器被关闭之前使用，创建另一个页面时同意可以使用，关闭浏览器之后数据就会消失。

某个博主的测试localStorage兼容情况，如下：

Chrome4+ 开始支持localStorage

Firefox3.5+开始支持localStorage

Firefox1.5+支持globalStorage

IE8+支持localStorage

IE7兼容模式支持localStorage

IE5.5+支持userdata

Safari 4+ 支持localStorage

Opera10.5+支持localStorage

width: 300px;

height: 300px;

}

.button {

width: 100px;

}

//使用HTML5 Web存储的localStorage和sessionStorage方式进行Web页面数据本地存储。

//页面参考如下图，能将页面上的数据进行本地存储。并能读取存储的数据显示在页面上。

vart1;vart2;varoStorage;varoStorage;function init() {//初始化t1，t2

t1 = document.getElementById("t1");

t2= document.getElementById("t2");

sStorage=window.sessionStorage;

lStorage=window.localStorage

}functionsaveSession() {

sStorage.mydata=t2.value;

t1.value+= "sessionStorage保存mydata:" + t2.value + "\n";

}functionreadSession() {

t1.value+= "sessionStorage读取mydata:" + sStorage.mydata + "\n";

}functioncleanSession() {

t1.value+= "sessionStorage清除mydata:" + sStorage.mydata + "\n";

sStorage.removeItem("mydata");

}functionsaveStorage() {

lStorage.mydata=t2.value;

t1.value+= "localStorage保存mydata:" + t2.value + "\n";

}functionreadStorage() {

t1.value+= "localStorage读取mydata:" + lStorage.mydata + "\n";

}functioncleanStorage() {

t1.value+= "localStorage清除mydata:" + lStorage.mydata + "\n";

lStorage.removeItem("mydata");

}

需要保存的数据: