<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="../js/cookie.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div>
<input type="text" id="userName" />
<input type="button" id="login" value="登入" />
<input type="button" id="del" value="删除" />
</div>
<div data="show"></div>
</body>
<script type="text/javascript">
window.onload = function() {
var oUser = document.querySelector("#userName");
var oLogin = document.querySelector("#login");
var oDel = document.querySelector("#del");
if (getCookie('oUser')) {
oUser.value = getCookie("oUser");
}
oLogin.onclick = function() {
console.log("login");
saveCookie('oUser', oUser.value, 5);
document.querySelector("[data='show']").innerHTML = oUser.value;
}
oDel.onclick = function() {
removeCookie('oUser');
oUser.value = "";
}
}
</script>
</html>
//存cookie
//重载
function saveCookie(name, value, expires) {
if (name == "" || value == "") {
console.log("名字或值不能为空");
} else {
if (expires == 0) {
document.cookie = name + "=" + value;
} else {
var now = new Date();
now.setDate(now.getDate() + expires); //设置过期天数
document.cookie = name + "=" + encodeURI(value) + "; expires =" + now.toGMTString();
}
}
}
//重载
function saveCookieNoexpires(name, value) {
saveCookie(name, value, 0);
}
//显示cookie
function getCookie(name) {
return decodeURI(readCookie(name));
}
//读取cookie
function readCookie(name) {
var msg = document.cookie;
if (msg == "" || msg.indexOf("=") == -1) { //没有值
return "";
} else {
if (msg.indexOf(";") == -1) { //只有一个值
var res = msg.split("=");
if (res[0] == name) {
return res[1];
}
return "";
}
var arr = msg.split(";");
for (var i = 0; i < arr.length; i++) {
var res = arr[i].split("=");
if (res[0].trim() == name) {
return res[1];
}
}
return "";
}
}
//删除cookie
function removeCookie(key) {
setCookie(key, "", -1);
}
