localStorage本地存储

最新推荐文章于 2024-09-12 13:49:04 发布

启宝

最新推荐文章于 2024-09-12 13:49:04 发布

阅读量278

点赞数 1

分类专栏：本地存储文章标签：本地存储 localStorage本地存储

本文链接：https://blog.csdn.net/hsq1026hsq/article/details/74942063

版权

本地存储专栏收录该内容

0 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    账号:<input>
    密码:<input>
    记住密码:<input type="checkbox">
    <button οnclick="set()">登录</button>
<script>
    var user = document.getElementsByTagName("input")[0],
            pass = document.getElementsByTagName("input")[1],
            check = document.getElementsByTagName("input")[2],
            loUser = localStorage.getItem("user") || "";
            loPass = localStorage.getItem("pass") || "";
        user.value = loUser;
        pass.value = loPass;
        if(loUser !== "" && loPass !== ""){
            check.setAttribute("checked","");
        }
    function set(){
        if(check.checked){
            localStorage.setItem("user",user.value);
            localStorage.setItem("pass",pass.value);
        }else{
            localStorage.setItem("user","");
            localStorage.setItem("pass","");
        }
        console.log(localStorage.getItem("user"));
        console.log(localStorage.getItem("pass"));
    }
</script>
</body>
</html>