什么是Cookie?
Cookie是存储在计算机上供浏览器访问的一段数据。Cookie保存为键/值对。
为什么需要Cookie?
Web浏览器和服务器之间的通信使用名为HTTP的无状态协议进行。相反,它可以直接从计算机获取。
JavaScript 设置Cookie
可以使用document创建cookie。这样的cookie属性。
甚至可以向Cookie添加过期日期,以便在指定日期从计算机中删除特定的Cookie。如果不设置过期日期,则在用户关闭浏览器时将删除Cookie。
还可以设置域和路径,以指定Cookie属于哪个域以及特定域中的哪些目录。默认情况下,Cookie属于设置Cookie的页面。
创建包含指向当前页面的域和指向整个域的路径的cookie。
JavaScript 获取Cookie
可以像这样访问cookie,它将返回为当前域保存的所有cookie。
JavaScript删除Cookie
要删除Cookie,只需将Cookie的值设置为空,并将Expires的值设置为已通过的日期。
可以自己尝试此示例:
<html>
<head>
<title>
Cookie!!!
</title>
<script type="text/javascript">
function createCookie(cookieName,cookieValue,daysToExpire)
{
var date = new Date();
date.setTime(date.getTime()+(daysToExpire*24*60*60*1000));
document.cookie = cookieName + "=" + cookieValue + "; expires=" + date.toGMTString();
}
function accessCookie(cookieName)
{
var name = cookieName + "=";
var allCookieArray = document.cookie.split(';');
for(var i=0; i<allCookieArray.length; i++)
{
var temp = allCookieArray[i].trim();
if (temp.indexOf(name)==0)
return temp.substring(name.length,temp.length);
}
return "";
}
function checkCookie()
{
var user = accessCookie("testCookie");
if (user!="")
alert("Welcome Back " + user + "!!!");
else
{
user = prompt("Please enter your name");
num = prompt("How many days you want to store your name on your computer?");
if (user!="" && user!=null)
{
createCookie("testCookie", user, num);
}
}
}
</script>
</head>
<body onload="checkCookie()">
</body>
</html>