简单的使用localStorage

2021-06-06 105 阅读1分钟

浏览器的存储方式许多人都能说出来，但是并不一定会用比如localStorage的读取直接上代码 a页面的代码

<body>
    <input type="text" id="name">
    <input type="button" id="btn" value="提交">
    <script>
        window.onload = function () {
            let btn = document.getElementById('btn');
            let name = document.getElementById('name')
            btn.onclick = function () {
                let nameValue = name.value;
                localStorage.setItem('name', nameValue)
            }
        }
    </script>
</body>

b界面的代码

<body>
    <script>
        window.onload = function () {
            window.addEventListener('storage', function (event) {
                console.log(event.key + '=' + event.newValue)
            })
        }
    </script>
</body>

然后运行a文件和b文件

再在a界面输入框输入信息，之后点提交

在看b界面的控制台，这时已经有信息出现在上面了