您的位置：首页 > 其它

网页存储 web storage(理论)

2015-11-30 17:26 381 查看

web storage提供两种方式将数据保存在客户端：一种是localStorage，另一种是sessionStorage；

（一）存储、读取和清除localStorage

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>localStorage</title>
<script type="text/javascript">
function onLoad(){
if(typeof(Storage)=="undefined"){
alert("sorry!");
}else{
btn_save.addEventListener("click",saveToLocalStroage);
btn_load.addEventListener("click",loadFromLocalStrage);
btn_clear.addEventListener("click",clearLocalStorage);
}
}

function saveToLocalStroage(){
localStorage.username=inputname.value;
}
function loadFromLocalStrage(){
show_LocalStorage.innerHTML=localStorage.username+"你好，欢迎！"
}
function clearLocalStorage(){
localStorage.clear();
show_LocalStorage.innerHTML=localStorage.username;
}
</script>
</head>
<body onload="onLoad()">
<label for="userName">请输入你的名称：</label><input type="text" id="inputname" value="" />
<br />
<div id="show_LocalStorage"></div>
<button id="btn_save">存储到LocalStorage</button>
<button id="btn_load">从LocalStorage读取数据</button>
<button id="btn_clear">清除LocalStorage数据</button>
</body>
</html>

（二）存储、读取和清除sessionStorage

（1）存储：

window.sessionStorage.setItem(“userdata”,”hello h5”);

window.sessionStorage[“userdata”]=”hello h5”;

window.sessionStorage.userdata=”hello h5”;

（2）读取

var valueOne=window.sessionStorage.getItem(“userdata”);

var valueOne=window.sessionStorage[“userdata”];

var valueOne=window.sessionStorage.userdata;

（3）清除

window.sessionStorage.removeItem(“userdata”);

delete window.sessionStorage[“userdata”];

delete window.sessionStorage.userdata;

//全部清除

sessionStorage.clear();

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航