JavaScript使用cookie记录临时访客信息的方法

(编辑：jimmy 日期: 2026/5/5 浏览：3 次 )

本文实例讲述了JavaScript使用cookie记录临时访客信息的方法。分享给大家供大家参考。具体分析如下：

这里用户第一次访问网页时会提示用户输入一个昵称，然后写入cookie，当用户再次来到时会读取cookie信息，提取用户昵称，欢迎用户的到来

<!DOCTYPE html>
<html>
<head>
<script>
function getCookie(c_name)
{
var c_value = document.cookie;
var c_start = c_value.indexOf(" " + c_name + "=");
if (c_start == -1)
 {
 c_start = c_value.indexOf(c_name + "=");
 }
if (c_start == -1)
 {
 c_value = null;
 }
else
 {
 c_start = c_value.indexOf("=", c_start) + 1;
 var c_end = c_value.indexOf(";", c_start);
 if (c_end == -1)
  {
  c_end = c_value.length;
  }
 c_value = unescape(c_value.substring(c_start,c_end));
 }
return c_value;
}
function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}
function checkCookie()
{
var username=getCookie("username");
if (username!=null && username!="")
 {
 alert("Welcome again " + username);
 }
else
 {
 username=prompt("Please enter your name:","");
 if (username!=null && username!="")
  {
  setCookie("username",username,365);
  }
 }
}
</script>
</head>
<body onload="checkCookie()">
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

上一篇：实现前后端数据交互方法汇总
下一篇：javascript结合CSS实现苹果开关按钮特效