1、记住用户名
<body>
<input type="text" id="uname">
<input type="checkbox" id="remember">记住用户名
</body>
<script>
var uname = document.querySelector('#uname');
var remem = document.querySelector('#remember');
if (localStorage.getItem('uname')) {
uname.value = localStorage.getItem('uname');
remem.checked = true;
}
//change事件就是发生了改变,注意不用自己再额外设置checked属性
remem.addEventListener('change', function () {
if (this.checked) {
localStorage.setItem('uname', uname.value);
} else {
//先勾选复选框,再输入值是无效的。因为是在复选框值变化的时候进行存储的
localStorage.removeItem('uname');
}
})
</script>