本文主要是介绍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" ο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) //由索引来取得键值
这篇关于HTML5WebStorage本地储存之Session的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
