javascript cookie操作实例详解
在之前的文章中，我们已经了解了cookie的相关知识，包括cookie名称的设置、cookie的值、过期时间、cookie的路径设置、cookie的域设置等。
这里我们创建一个简单的cookie，以下的例子中，我们创建一个用于设置cookie的函数CookieSet，并设置相关的属性。
一，创建cookie
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>javascript创建cookie的例子-www.jbxue.com</title>
</head>
<body>
<h1 style="color: red">JavaScript creating cookies - example1</h1>
<hr />
<script type="text/javascript">
//This is done to make the following JavaScript code compatible to XHTML. <![CDATA[
function CookieSet (cName, cValue, cPath, cExpires)
{
cvalue = encodeURIComponent(cValue);
if (cExpires == "")
{
var cdate = new Date();
cdate.setMonth(cdate.getMonth() + 9);
cExpires = cdate.toUTCString();
}
if (cPath != "")
{
cPath = ";Path=" + cPath;
}
document.cookie = cName + "=" + cValue +"expires=" + cExpires + cPath;
}
CookieSet("Name","George ","","");
alert(document.cookie)
//]]>
</script>
</body>
</html>
在以上的代码中，我们创建了函数CookieSet，该函数共有四个参数：cookie名称、cookie值、cookie路径、cookie的过期时间。
是一个功能完备的函数，用于设置cookie的相关属性，相当好用。
二，接收用户数据，并保存在cookie中。
以下示例，从web页面中接收用户数据，并储存在cookie中。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>接收并保存用户数据到cookie中-www.jbxue.com</title>
</head>
<body>
<h1 style="color: red">JavaScript creating cookies, receive real data. - example1</h1><br>
<hr />
<script type="text/javascript">
//This is done to make the following JavaScript code compatible to XHTML. <![CDATA[
var visitor_name = prompt("What's your name?","");
var expr_date = new Date("December 30, 2012");
var cookie_date = expr_date.toUTCString();
final_cookie = "Name =" + encodeURIComponent(visitor_name) + ";expires_on = " + cookie_date;
document.cookie = final_cookie;
alert(final_cookie);
//]]>
</script>
</body>
</html>
三，删除cookie
在javascript中删除cookie比较简单，设置过期日期为前一天即可删除cookie，这个比较简单，就不作详细的介绍了。
您可能感兴趣的文章：
利用js(jquery)操作Cookie的方法说明
JavaScript静态页面间传递cookie的实现代码
javascript cookie操作实例详解
js操作cookie详解
jquery.cookie用法详细解析
asp.net 操作cookie实例详解
javascript操作cookie的小例子
asp.net操作cookie详解
javascript cookie操作指南
深入分析理解session与cookie的作用