js--客户端存储问题

可心abc

已于 2022-09-16 09:36:33 修改

阅读量107

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： html 前端

于 2022-09-14 16:37:55 首次发布

本文链接：https://blog.youkuaiyun.com/bug_caicai/article/details/126852834

javascript 专栏收录该内容

9 篇文章

订阅专栏

1.sessionstorage

2. localstorage

3. 例子：存储名字

<body>
    <input type="text" id="name">
    <input type="checkbox" name="" id="remember">记住名字
    <script>
        let name = document.querySelector('#name');
        let remember = document.querySelector('#remember');
        if (localStorage.getItem('name')) {
            name.value = localStorage.getItem('name');
            remember.checked = true;
        }
        remember.addEventListener('change', function() {
            if (this.checked) {
                localStorage.setItem('name', name.value);
            } else {
                localStorage.removeItem('name');
            }
        })
    </script>