localStorage和sessionStorage

localStorage和sessionStorage

二者区别

  • localStorage 的生命周期是永久的，关闭页面或浏览器之后 localStorage 中的数据也不会消失。localStorage 除非主动删除数据，否则数据永远不会消失
  • sessionStorage的生命周期是仅在当前会话下有效，页面关闭或者浏览器关闭，数据就会被销毁；即使当前页面不关闭，另外打开一个相同的页面，sessionStorage也是不一样的，这二者的方法是一样的
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
    <input type="button" value='上传' id='btn'>
    <input type="button" value='修改' id='btn1'>
    <input type="button" value='删除' id='btn2'>
    <input type="button" value='清空' id='btn3'>

    <script>
        var  o = {
            name: 'zs',
            age: 20,
            sex: 'male'
        }

        var btn = document.getElementById('btn');
        btn.onclick = function () {
            sessionStorage.setItem('persom',JSON.stringify(o));
            sessionStorage.setItem('abc','我是ABC');
        }


        btn1.onclick = function () {    
            var obj = JSON.parse(sessionStorage.getItem('persom'));
            obj.name = 'lisi';
            sessionStorage.setItem('persom',JSON.stringify(obj));
        }


        btn2.onclick = function() {
            sessionStorage.removeItem('persom');
        }

        btn3.onclick = function() {
            sessionStorage.clear();
        }
    </script>
</body>
</html>
posted @ 2020-02-22 17:17  zero博士  阅读(109)  评论(0)    收藏  举报