sessionStorage
窗口临时存储,页面关闭,本地存储消失;
数据不能共享
localStorage
永久存储(可以手动删除数据)
数据能够共享(两个窗口同时打开一个页面,数据能够共享)、
相同点:
存储限制(5M)
客户端完成,不会请求服务器处理
代码:
<input type="button" value="设置">
<input type="button" value="获取">
<input type="button" value="清除">
<input type="text">
<script>
var ipt = document.getElementsByTagName('input');
var content = ipt[3];
if(localStorage.getItem('con')){
content.value = localStorage.getItem('con');
}
ipt[0].onclick = function(){
localStorage.setItem('con',content.value);
}
ipt[1].onclick = function(){
alert(localStorage.getItem('con'));
}
ipt[2].onclick = function(){
localStorage.clear();
}
</script>