html网站使用js实现记住账号密码功能

在浏览器记住账号和密码有两种方法:
Cookie
localStorage
这里推荐使用localStorage,因为cookie容易被浏览器自动删除,导致保存不长久。 

 localStorage使用步骤:
1、保存账号密码

<script type="text/javascript">
var username = $("input[name='username']").val();
var password = $("input[name='password']").val();
 
localStorage.setItem("username",username);
localStorage.setItem("password",password);
</script>

2、读取保存在localStorage里的账号密码

<script type="text/javascript">
$(function(){
    var username = localStorage.getItem("username");
    var password = localStorage.getItem("password");
    if(username!=null&&username!=undefined&&username!=""){
        $("input[name='username']").val(username);
        $("input[name='password']").val(password);
    }
});
</script>


3、移除已经保存的账号密码

<script type="text/javascript">
localStorage.removeItem("username");
localStorage.removeItem("password");
</script>

猜你喜欢

转载自blog.csdn.net/weixin_52208686/article/details/127774017