HTML5WebStorage本地储存之Session
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" onclick="save();">
<input type="button" value="read" onclick="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) //由索引来取得键值
声明：该文观点仅代表作者本人，牛骨文系教育信息发布平台，牛骨文仅提供信息存储空间服务。
