在之前的文章中，我们已经了解了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.jb200.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.jb200.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，这个比较简单，就不作详细的介绍了。