<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<metaname="viewport"content="width=device-width,initial-scale=1.0">
<title>创建一个欢迎cookie</title>
</head>
<head>
<script>
functionsetCookie(cname,cvalue,exdays){
vard=newDate();
d.setTime(d.getTime()+(exdays*24*60*60*1000));
varexpires="expires="+d.toGMTString();
document.cookie=cname+"="+cvalue+";"+expires;
/*
document.cookie="username=JohnDoe;expires=Sun,31Dec201712:00:00UTC";
通过把cookie名称、cookie值和过期字符串相加,该函数就设置了cookie。
*/
}
functiongetCookie(cname){
varname=cname+"=";
varca=document.cookie.split(';');
for(vari=0;i<ca.length;i++){
varc=ca[i].trim();
if(c.indexOf(name)==0){
returnc.substring(name.length,c.length);
}
return"";
}
}
//检查cookie是否已存在,即检查页面是否已经访问过
functioncheckCookie(){
varuser=getCookie('username');
if(user!=""){
alert("欢迎"+user+"再次访问");
}else{
user=prompt("请输入你的名字:","");//返回值如果用户单击提示框的取消按钮,则返回null。如果用户单击确认按钮,则返回输入字段当前显示的文本。
if(user!=""&&user!=null){
setCookie("username",user,30);//cookie的名字(cname),cookie的值(cvalue),以及知道cookie过期的天数(exdays)。
}
}
}
</script>
</head>
<bodyonload="checkCookie()">
<!--onload属性通常写在body标签中,一旦把页面的图像,css等文件加载完后,就立即执行一段JavaScript代码-->
</body>
</html>
|