锋利的Jquery之插件Cookie记住密码

最新推荐文章于 2021-05-31 00:46:34 发布

weixin_30784945

最新推荐文章于 2021-05-31 00:46:34 发布

阅读量58

点赞数

原文链接：http://www.cnblogs.com/chaonuanxi/p/10417771.html

版权

先下载Jquery cookie js ，下载路径：　　　　　　http://plugins.jquery.com/cookie/

记住，jquery的包要放在cookie的包前面，否则会产生异常

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Jquery Cookie</title>
    <script src="../Scripts/jquery-1.7.1.js"></script>
    <script src="../Scripts/jquery.cookie.js"></script>
    
    <script>
        $(function () {
            var cookie_Name = 'username';
            if ($.cookie(cookie_Name)) {
                $("#username").val($.cookie(cookie_Name));
            }

            $("#check").click(function () {
                if (this.checked) {
                    $.cookie(cookie_Name, $("#username").val(), { path: '/', expires: 10 });
                }
                else {
                    $.cookie(cookie_Name, null, { path: '/' });
                }

            });
        })
    </script>
</head>
<body>
    用户名: <input type="text" name="username"   id="username" /> <br />
    <input type="checkbox" name="check" id="check"  /> 记住用户名
    
</body>
</html>

　　Cookie的快速上手

/*
  Cookie API
	写入Cookie
		$.cookie('the_cookie','the_value');
		//'the_cookie' 为待写入的Cookie名,'the_value'为待写入的值
	读取Cookie
		$.cookie('the_cookie');
		//'the_cookie' 为待读取的Cookie名
	删除Cookie
		$.cookie('the_cookie',null)
		//the_cookie为Cookie名，设置为null即删除此Cookie,必须使用与之前设置时相同的路径(path)和域名(domain),才可以正确的删除Cookie
	其他可选参数
		$.cookie('the_cookie','the_value',{
		    expires:7,
		    path:'/'
		    demain:'jquery.com',
		    secure:true
		});

		//expires:(Number||Date)有效期,可以设置一个整数作为有效期（天）,也可以直接设置一个日期对象作为Cookie过期日期,如果时间指定日期为负数
		//例如已经过去的日子，那么此Cookie将被删除，如果不设置或者设置为null,那么此Cookie将被做为Sesson Cookie处理,并且在浏览器关闭后删除
		//path:(String)Cookie的路径属性,默认是创建改Cookie的页面路径
		//dimain:(String)Cookie的域名属性,默认是创建改Cookie的页面域名
		//secure:(Boolean)如果设为True,那么此Cookie的传输会要求一个安全协议，例如HTTPS
*/

转载于:https://www.cnblogs.com/chaonuanxi/p/10417771.html