用cookie来存储数据,保存七天。具体代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="text"><br>
<input type="password"><br>
<input type="checkbox">七天免登陆<br>
<input type="button" value="登陆"><br>
<script src="js/cookie封装.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var aInput = document.getElementsByTagName("input");
if(getCookie("name")){
aInput[0].value = getCookie("name");
aInput[1].value = getCookie("pwd");
aInput[2].checked = true;
}
aInput[3].onclick = function(){
if(aInput[2].checked){
addCookie("name",aInput[0].value,7);
addCookie("pwd",aInput[1].value,7);
}
else{
removeCookie("name");
removeCookie("pwd");
}
}
</script>
</body>
</html>
具体的js样式如下:
function addCookie(name, val, n) {
var oDate = new Date();
oDate.setDate(oDate.getDate() + n);
document.cookie = name + "=" + val + ";expires=" + oDate;
}
function getCookie(name) {
var str = document.cookie;
var arr = str.split("; ");
for(var i = 0; i < arr.length; i++) {
var s = arr[i].split("=");
if(s[0] == name) {
return s[1];
}
}
}
function removeCookie(name) {
addCookie(name, 1, -1);
}