探索者的博客
2022-08-05 06:58:59 973

jquery通过cookies记住用户名和密码

作者头像 探索者
<html>  
    <head>  
    <title>test cookie</title> 
    <meta charset="UTF-8"/>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script type="text/javascript" src="jquery.cookie.js">
    //需要引入jquery.cookie.js和jquery.min.js
    </script>
    <script type="text/javascript">  
      
        $(document).ready(function () {  
            if ($.cookie("rmbUser") == "true") {  
            $("#ck_rmbUser").attr("checked", true);  
            $("#txt_username").val($.cookie("username"));  
            $("#txt_password").val($.cookie("password"));  
            }  
        });  
      
        //记住用户名密码  
        function Save() {      
            if ($("#ck_rmbUser").is(":checked")) { 
                var str_username = $("#txt_username").val();  
                var str_password = $("#txt_password").val();  
                $.cookie("rmbUser", "true", { expires: 7 }); //存储一个带7天期限的cookie  
                $.cookie("username", str_username, { expires: 7 });  
                $.cookie("password", str_password, { expires: 7 });  
            }  
            else {
                $.cookie("rmbUser", "false", { expire: -1 });  
                $.cookie("username", "", { expires: -1 });  
                $.cookie("password", "", { expires: -1 });  
            }  
        };  
        
       function ma(){
          if($("#ck_rmbUser").is(":checked")==false){
               
                $.cookie("rmbUser", "false", { expire: -1 });  
                $.cookie("username", "", { expires: -1 });  
                $.cookie("password", "", { expires: -1 }); 
                $("#ck_rmbUser").attr("checked", false);  
                $("#txt_username").val($.cookie("username"));  
                $("#txt_password").val($.cookie("password")); 
          }
       }
    </script>  
    </head>  
    <body>  
        <div>  
            用户名:<input type="text" id="txt_username"/><br />  
            密码:<input type="text" id="txt_password"/><br />  
            <input type="checkbox" id="ck_rmbUser" οnclick="ma()"/>记住用户名和密码<br />  
            <input type="submit" id="sub" value="登录" οnclick="Save()"/>  
        </div>  
    </body>  
    </html> 

jquery通过cookies记住用户名和密码

评论区

评论者头像

张三

2025-06-16

非常实用的文章,我学到了很多关于前端性能优化的知识。特别是缓存策略部分,对我帮助很大。

评论者头像

李四

2025-06-15

代码分割确实是提高前端性能的重要手段,请问作者有没有实际项目中遇到的代码分割最佳实践可以分享?

作者头像
探索者 作者
2025-06-16

感谢提问!在实际项目中,我通常会根据路由、组件和第三方库进行代码分割。对于大型组件库,可以考虑使用动态导入来实现按需加载。