Html5支持两种的WebStorage,一种是永久性的本地存储(localStorage),另外一种是会话级别的本地存储(sessionStorage)
会话级别的本地存储:sessionStorage
sessionStorage.setItem(key,value):添加本地存储数据。sessionStorage.getItem(key):通过key获取相应的Value。
sessionStorage.removeItem(key):通过key删除本地数据。
sessionStorage.clear():清空数据。
例:
<script>
window.onload = function(){
var oBox = document.getElementById("box");
sessionStorage.setItem("name","你好!");
var get = sessionStorage.getItem("name");
oBox.value = get;
}
</script>
<body>
<input type="text" id="box">
</body>
点击button前或者关闭浏览器sessionStorage会消失;
点击button后:
永久本地存储:localStorage
setItem(key,value):添加本地存储数据。
getItem(key):通过key获取相应的Value。
removeItem(key):通过key删除本地数据。
clear():清空数据。
例:
点击前:
点击后,或者关闭浏览器后:
希望对你有所帮助;