<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>cookie</title>
</head>
<body>
<input type="text" value="名字" name="cookie"/><br/>
<input type="text" value="值" name="cookie"/>
<button id="cool">添加Cookie</button>
<ul id="list"></ul>
<script type="text/javascript">
//设置Cookie
function setCookie(cname,cvalue,exdays){
var d = new Date();
d.setTime(d.getTime()+(exdays*24*60*60*1000));
var expires = "expires"+d.toGMTString();
document.cookie = cname + "=" +cvalue+";"+expires;
}
//添加Cookie
function addCookie(){
var cookie = document.getElementsByName("cookie");
document.cookie = cookie[0] +"="+cookie[1]+";"+ document.cookie;
}
//cookie列表
function listCookie(){
var ul = document.getElementById("list");
var clist = document.cookie.split(";");
for(var i=0;i<clist.length;i++){
var li = document.createElement("li");
var c = clist[i].trim();
var node = document.createTextNode(c);
li.appendChild(node);
ul.appendChild(li);
}
}
//获取cookie值的函数
function getCookie(cname){
var name = cname + "=";
var ca = document.cookie.split(";");
for(var i=0;i<ca.length;i++){
var c = ca[i].trim();
if(c.indexOf(name)==0) return c.substring(name.length,c.length);
}
return "";
}
function checkCookie(){
var username = getCookie("username");
if(username!=""){
console.log(username);
alert("welcome back "+username);
}
else{
username = prompt("Please Enter Your Name:","");
if(username!=""&&username!=null){
setCookie("username",username,0);
}
}
}
document.onreadystatechange=function(){
if(document.readyState=="complete"){
checkCookie();
}
console.log(document.getElementById("cool"));
var coolBtn = document.getElementById("cool");
coolBtn.onkeydown = addCookie;
coolBtn.onkeyup = listCookie;
}
</script>
</body>
</html>