有时候,我们在做登陆框时会有个复选框选择请记住我,或者有时候会遇到一些弹出框说下次不再提醒,此功能我们可以用js中的cookie实现此功能
下面记录一下如何实现该功能:
利用cookie记录用户名
1. 判断是否有勾选ischecked
2. 是否已经存cookie
3.写入cookie
例子:
$("#isClose").click(function () { /////一个触发事件,看具体情况
var chk = document.getElementById("isChecked").checked;///判断复选框是否已勾选
var uname = “用户名”; //要记住的用户名
var coo = getCookie(uname);
if (coo == "true") {
alert("已经写入cookie");
/////这里可以写一些已经记住的用户名就不用重新登录了,或者不再弹出提醒框
}
else {
if (chk == true) {
addCookie(uname, "true", "10000");
alert("写入成功");
/////
}
else {
addCookie(uname, "false", "10000");
alert("写入失败");
}
}
});
例子中用到的两个方法:
function getCookie(objName) {//获取指定名称的cookie的值
var arrStr = document.cookie.split("; ");
for (var i = 0; i < arrStr.length; i++) {
var temp = arrStr[i].split("=");
if (temp[0] == objName)
return unescape(temp[1]);
}
}
function addCookie(objName, objValue, objHours) {//添加cookie
var str = objName + "=" + escape(objValue);
if (objHours > 0) {//为0时不设定过期时间,浏览器关闭时cookie自动消失
var date = new Date();
var ms = objHours * 3600 * 1000;
date.setTime(date.getTime() + ms);
str += ";
expires=" + date.toGMTString();
}
document.cookie = str;
}