JavaScript Cookie
Cookie對象:
Cookie是一種以文件的形式保存在客戶端硬盤的Cookies文件夾中的用戶數據信息(Cookie數據)。
Cookie文件由所訪問的Web站點建立,以長久的保存客戶端與Web站點間的會話數據,並且該Cookie數據只允許被所訪問的Web站點進行讀取。
Cookie文件的格式:
NS:Cookie.txt
IE:用戶名@域名.txt
有兩種類型的cookie:
(1)持久性cookie,會被存儲到客戶端的硬盤上。
(2)會話Cookie:不會存儲到客戶端的硬盤上,而是放在浏覽器進程所處的內存當中,當浏覽器關閉則該會話cookie就銷毀了。
用JS實現Cookie操作
寫入Cookie:
代碼如下:
document.cookie = " 關鍵字 = 值 [ ; expires = 有效日期 ] [;...]"
讀取Cookie:
代碼如下:
document.cookie
刪除Cookie:
代碼如下:
document.cookie = " 關鍵字 = ; expires = 當前日期"
備注:
1.有效日期格式:Wdy,DD-Mon-YY HH:MM:SS GMT
2.Wdy / Mon:英文星期 / 月份;
3.還包含path、domain、secure屬性;
4.每個Web站點(domain)可建立20個Cookie數據;
5.每個浏覽器可存儲300個Cookie數據,4k字節;
6.客戶有權禁止Cookie數據的寫入。
實例
代碼如下:
<!DOCTYPE html>
<html>
<head>
<title>cookieTest.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
<script type="text/javascript">
var today = new Date();
var expiredDay = new Date();
var msPerMonth = 1000 * 60 * 60 * 24 * 30;
expiredDay.setTime(today.getTime() + msPerMonth); //一個月之後過期
//寫入cookie
document.cookie = "name=mengdd;expires="+expiredDay.toGMTString();
document.writeln("cookie已經寫到硬盤上了");
//讀取cookie
document.writeln("內容是:" + document.cookie);
document.writeln("expire day: " + expiredDay.toGMTString());
</script>
</body>
</html>