记住用户名案例

 //先获取元素
        var username = document.querySelector('#username');
        var remember = document.querySelector('#remember');
        //判断是否有获取到usename值 
        if (localStorage.getItem('username')) {
            //如果有就把值传给 username.value;
            //单选框就选中
            username.value = localStorage.getItem('username');
            remember.checked = true;
        }
        //单元框改变后触发事件
        remember.addEventListener('change', function() {
            //如果选中的话 就存储username.value值
            if (this.checked) {
                localStorage.setItem('username', username.value);
            } else {
                //没有选中的话 就清除该值的数据
                localStorage.removeItem('username');
            }
        });