用户登录设置cookie保存用户名和密码的方法

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script src="http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.min.js"></script>
<script>
window.onload = function() {

var oUsername = document.getElementById('username');
var oPassword = document.getElementById('password');
var oLogin = document.getElementById('login');
var oDel = document.getElementById('del');

if ( getCookie('username')&&getCookie('password') ) {//获取cookie 用于保存登录时的用户名密码
oUsername.value = getCookie('username');
oPassword.value = getCookie('password');
}

oLogin.onclick = function() {
setCookie('username', oUsername.value, 5);
setCookie('password', md5("oPassword.value")+Math.random()*10+Date.parse(new Date()), 5);

}

oDel.onclick = function() {
removeCookie('username');
removeCookie('password');
oUsername.value = '';
oPassword.value="";
}

}

function setCookie(key, value, t) {
var oDate = new Date();
oDate.setDate( oDate.getDate() + t );
document.cookie = key + '=' + value + ';expires=' + oDate.toGMTString();
}

function getCookie(key) {
var arr1 = document.cookie.split('; ');
for (var i=0; i<arr1.length; i++) {
var arr2 = arr1[i].split('=');
if ( arr2[0] == key ) {
return decodeURI(arr2[1]);
}
}
}

function removeCookie(key) {
setCookie(key, '', -1);
}
</script>
</head>

<body>
<form action="#" method="post">
<input type="text" id="username" name="username" />
<input type="password" id="password" name="password"/>
<input type="submit" value="登陆" id="login" />
<input type="button" value="删除" id="del" />
</form>
</body>
</html>

posted @ 2017-05-18 23:42  jk007  阅读(895)  评论(0)    收藏  举报