zoukankan      html  css  js  c++  java
  • 记住用户名 缓存案例 localstorage

     案例代码

    <!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>

    <body>
        <input type="text" id="username"> <br>
        <input type="checkbox" name="" id="remember"> 记住用户名

        <script>
            var username = document.querySelector('#username');
            var remember = document.querySelector('#remember');

            if (localStorage.getItem('username')) {
                username.value = localStorage.getItem('username');
                remember.checked = true;
            }

            remember.addEventListener('change', function() {
                if (this.checked) {
                    if (username.value == '') {
                        alert('请先填写用户名...');
                        this.checked = false;
                        return false;
                    }
                    localStorage.setItem('username', username.value);
                } else {
                    localStorage.removeItem('username');
                }
            })
        </script>
    </body>

    </html>
  • 相关阅读:
    图解JAVA对象的创建过程
    统计机器学习
    排序算法简介及其C实现
    linux中强大的screen命令
    C语言注释
    Hello hadoop——使用hadoop进行大规模数据的全局排序
    Hadoop Streaming框架使用(二)
    shell——tr的用法
    统计学习方法《文本分类(三)》
    hadoop 常存问题
  • 原文地址:https://www.cnblogs.com/ericblog1992/p/13064288.html
Copyright © 2011-2022 走看看