那一抹温暖的阳光,是我们永恒的向往。
www.webbar.cn

【HTML+CSS基础】HTML5 web储存

【HTML+CSS基础】HTML5 web储存

<!doctype html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<title>HTML5 web储存</title>
</head>
<div id=”box”></div>
<body>
<script>
/**
客户端储存,之前是用cookie储存,但是cookie不适合大量数据
localStorage : 不限时间的储存,关闭浏览器还有
sessionStorage :session储存,关闭浏览器就没有了
*/

if(window.localStorage){//支持localStorage
if(localStorage.localVal){
localStorage.localVal += 1;
}else{
localStorage.localVal = 1;
}
}

if(window.sessionStorage){//支持sessionStorage
if(sessionStorage.sessValue){
sessionStorage.sessValue += 1;
}else{
sessionStorage.sessValue = 1;
}
}

document.getElementById(‘box’).innerHTML = ‘关闭浏览器还在:’+localStorage.localVal + ‘<br />’+ ‘关闭浏览器重新开始:’+sessionStorage.sessValue;

</script>
</body>
</html>

 

 

时间:2014-04-03
分类:HTML , 前端开发
标签: ,

Comments are closed.

Search