1.
.这里是需要的Cookie.js 直接Copy用就行了 ,不需要做任何修改! //新建cookie 方法。 //hours为空字符串时,cookie的生存期至浏览器会话结束。hours为数字0时,建立的是一个失效的cookie,这个cookie会覆盖已经建立过的同名、同path的cookie(如果这个cookie存在)。 function setCookie(name,value,hours,path){ var name = escape(name); var value = escape(value); var expires = new Date(); expires.setTime(expires.getTime() + hours*3600000); path = path == "" ? "" : ";path=" + path; _expires = (typeof hours) == "string" ? "" : ";expires=" + expires.toUTCString(); document.cookie = name + "=" + value + _expires + path; } //获取cookie值 方法 function getCookieValue(name){ var name = escape(name); //读cookie属性,这将返回文档的所有cookie var allcookies = document.cookie; //查找名为name的cookie的开始位置 name += "="; var pos = allcookies.indexOf(name); //如果找到了具有该名字的cookie,那么提取并使用它的值 if (pos != -1){ //如果pos值为-1则说明搜索"version="失败 var start = pos + name.length; //cookie值开始的位置 var end = allcookies.indexOf(";",start); //从cookie值开始的位置起搜索第一个";"的位置,即cookie值结尾的位置 if (end == -1) end = allcookies.length; //如果end值为-1说明cookie列表里只有一个cookie var value = allcookies.substring(start,end); //提取cookie的值 return unescape(value); //对它解码 } else return ""; //搜索失败,返回空字符串 } 2,还需要一个jquery-1.6.1.min.js ,这个大家应该都有 ,就不传了。 3,首页 <input type="text" style="width:287px; border:0;" id="j_username" name="j_username" value=""> <input type="password" style="width:287px; border:0;" id="j_password" name="j_password" value="" /> <input type="checkbox" id="rememberPW" name="rememberPW"/>记住密码 4,JS代码 ,来操作存/读Cookie function submitFunc(){ //点击登录时 ,将输入的用户名和密码保存到Cookie中 var inUser = document.getElementById("j_username").value; var inPass = document.getElementById("j_password").value; setCookie('cookUser', inUser, time, '/');//set 获取用户名和密码 传给cookie setCookie('cookPass', inPass, time, '/'); if(checkedImage()){ document.form1.submit(); } } //设置Cookie保存时间 var time = 0; $(document).ready(function(){ //获取Cookie保存的用户名和密码 var username = getCookieValue("cookUser"); var password = getCookieValue("cookPass"); //输入用户名 促发一个事件 $("#j_username").keyup(function(){ var userNow = $(this).val(); if(userNow == username) { //判断现在输入的用户名 和 当时保存在cookie的用户名是否一致 $("#j_password").val(password);//一致 则把 第一次 保存在cookie的密码 自动填入 } }); $("#rememberPW").click(function(){//记住密码 if($(this).attr("checked") == 'checked'){ time = 60 * 60 * 60; } }); });