添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 建站教程 > JavaScript教程 >

JavaScript中Cookie操作实例

时间:2015-01-10      来源:互联网     
一、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>

相关文章



大家都在看

最新更新