<html>
<head>
<script language = 'javascript'>
var f;
function WriteCookie(cookieName, cookieValue, expiry)
{
var expDate = new Date();
if(expiry)
{
expDate.setTime(expDate.getTime() + expiry);
document.cookie = cookieName + "=" + escape(cookieValue) + "; expires = " + expDate.toGMTString();
}
else
{
document.cookie = cookieName + "=" + escape(cookieValue);
}
}
function setCookie(f)
{

var name = f.elements[0].value;
var value = f.elements[1].value;
var num = f.elements[2].value;
var select = f.elements[3].selectedIndex;
if(num == 0)
{
WriteCookie(name, value, 0)
}
else if(select == 0)
{
WriteCookie(name, value, 1000 * 60 * 60 * 24 * num);
}
else if(select == 1)
{
WriteCookie(name, value, 1000 * 60 * 60 * 24 * 31 * num);
}
else if(select == 2)
{
WriteCookie(name, value, 1000 * 60 * 60 * 24 * 365 * num);
}
}
function ReadCookie(CookieName, f)
{
var CookieString = document.cookie;
var CookieSet = CookieString.split(';');
var SetSize = CookieSet.length;
var CookiePieces;
var ReturnValue = "";
var x = 0;
for(x = 0;((x < SetSize) && (ReturnValue == "")); x++)
{
CookiePieces = CookieSet[x].split('=');
if(CookiePieces[0].substring(0,1) == ' ');
{
ReturnValue = CookiePieces[0].substring(1, CookiePieces[0].length);
}
if(CookiePieces[0] == CookieName)
{
ReturnValue = CookiePieces[1];
}

}
f.elements[1].value = ReturnValue;
}
</script>
</head><body>
<script language = 'javascript'>
document.write("<hr />");
document.write("<h3>实例 4.12 Cookies</h3>");
document.write("<hr />");
document.write("<br />");
document.write("<form name = 'Form1'>");
document.write("<b>Cookie name:</b><input><br />");
document.write("<b>Cookie value:</b><input><br />");
document.write("<b>Cookie expiry:</b><input value = '0'>");
document.write("<select name = 'Chioce'>");
document.write("<option selected >Days</option>");
document.write("<option>Months</option>");
document.write("<option>Years</option></select>");
document.write("<center>");
document.write('<input onClick = "setCookie(this.form)" type = "button" value = "setCookie">');
document.write('<input onClick = "WriteCookie(this.form.elements[0].value, ' + "'',","''",')" type = "button" value = "Delete Cookie">');
document.write("</center>");
document.write("</form>");
document.write("<form name = 'Form2'>");
document.write("<b>Cookie Name:</b><input><br />");
document.write("<b>Cookie Value:</b><input><br />");
document.write("<center>");
document.write('<input onClick = "ReadCookie(this.form.elements[0].value, this.form)" type = "button" value = "Fetch">');
document.write("</center>");
document.write("</form>");
</script>
</body>
</html>实现的功能是 用来存入cookies,然后取出,但是删除后,就不能得到存入的值了,除非重新存入新的值