sessionStorage和localStorage的区别

来源:互联网 发布:mac 查看运行的程序 编辑:程序博客网 时间:2024/05/18 06:17

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>