web storage可以作为替代cookie来保存数据，有两种方法：
1.session storage：
会存储数据，但是关闭浏览器之后数据丢失
2.local storage：
保存数据，并且关闭浏览器后数据仍然存在
//html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="storgeweb.js"></script>
</head>
<body>
<p id="answer1">session保存的数据会在这里出现</p>
<input type="text" id="input1">
<input type="button" value="保存数据" οnclick="sessionSet('input1')">
<input type="button" value="读取数据" οnclick="sessionGet('answer1')">
<p id="answer2">local保存的数据会在这里出现</p>
<input type="text" id="input2">
<input type="button" value="保存数据" οnclick="localSet('input2')">
<input type="button" value="读取数据" οnclick="localGet('answer2')">
</body>
</html>//js
/**
* Created by Administrator on 2016/2/10.
*/
//sessionStorge
function sessionSet(id)
{
var target=document.getElementById(id);
var str=target.value;
sessionStorage.setItem("message1",str);
}
function sessionGet(id)
{
var target=document.getElementById(id);
var str=sessionStorage.getItem("message1");
target.innerHTML=str;
}
//localStorge
function localSet(id)
{
var target=document.getElementById(id);
var str=target.value;
localStorage.setItem("message2",str);
}
function localGet(id)
{
var target=document.getElementById(id);
var str=localStorage.getItem("message2");
target.innerHTML=str;
}
7530
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
