HTML5除canvas之外的又一个重大变化就是其WebStorage了,这里简单实现了Session,记录下来。。
html中代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>webStorage保存数据</title>
</head>
<body>
<p>
WebStorage保存数据
</p>
<input id="text" type="text" />
<input type="button" value="save" οnclick="save();">
<input type="button" value="read" οnclick="read();">
<a href="index.html">跳转</a>
<script type="text/javascript">
function save() {
var str = document.getElementById("text").value;
sessionStorage.setItem("name",str);
alert("ok");
}
function read() {
var str = sessionStorage.getItem("name");
alert(str);
}
</script>
</body>
</html>
效果(先保存再读取):
以上为临时储存,浏览器关闭则数据被清空。。
若要永久储存则可以使用localStorage:
1)localStorage.setItem("key",value) //保存数据
2) localStorage.getItem("key") //读取
3) localStorage.length //数据总条目数
4) localStorage.key(index) //由索引来取得键值