📄 cookie.htm
字号:
<html>
<head>
<title>Listing 25.4. The set_cookie() Function - 品络科技 pinluo.com</TITLE>
</head>
<body>
<center>
<form>
<input type="button" value="get_cookie" onClick="get_cookie()"><p>
<b>Choose a new color:</b><br>
<select name="color_name">
<option value="aliceblue">aliceblue</option>
<option value="antiquewhite">antiquewhite</option>
<option value="aqua">aqua</option>
<option value="aquamarine">aquamarine</option>
<option value="azure">azure</option>
<option value="beige">beige</option>
<option value="bisque">bisque</option>
<option value="black">black</option>
<option value="blanchedalmond">blanchedalmond</option>
<option value="blue">blue</option>
<option value="blueviolet">blueviolet</option>
<option value="brown">brown</option>
<option value="burlywood">burlywood</option>
<option value="cadetblue">cadetblue</option>
<option value="chartreuse">chartreuse</option>
<option value="chocolate">chocolate</option>
<option value="coral">coral</option>
<option value="cornflowerblue">cornflowerblue</option>
<option value="cornsilk">cornsilk</option>
<option value="crimson">crimson</option>
<option value="cyan">cyan</option>
<option value="darkblue">darkblue</option>
<option value="darkcyan">darkcyan</option>
<option value="darkgoldenrod">darkgoldenrod</option>
<option value="darkgray">darkgray</option>
<option value="darkgreen">darkgreen</option>
<option value="darkkhaki">darkkhaki</option>
<option value="darkmagenta">darkmagenta</option>
<option value="darkolivegreen">darkolivegreen</option>
<option value="darkorange">darkorange</option>
<option value="darkorchid">darkorchid</option>
<option value="darkred">darkred</option>
<option value="darksalmon">darksalmon</option>
<option value="darkseagreen">darkseagreen</option>
<option value="darkslateblue">darkslateblue</option>
<option value="darkslategray">darkslategray</option>
<option value="darkturquoise">darkturquoise</option>
<option value="darkviolet">darkviolet</option>
<option value="deeppink">deeppink</option>
<option value="deepskyblue">deepskyblue</option>
<option value="dimgray">dimgray</option>
<option value="dodgerblue">dodgerblue</option>
<option value="firebrick">firebrick</option>
<option value="floralwhite">floralwhite</option>
<option value="forestgreen">forestgreen</option>
<option value="fuchsia">fuchsia</option>
<option value="gainsboro">gainsboro</option>
<option value="ghostwhite">ghostwhite</option>
<option value="gold">gold</option>
<option value="goldenrod">goldenrod</option>
<option value="gray">gray</option>
<option value="green">green</option>
<option value="greenyellow">greenyellow</option>
<option value="honeydew">honeydew</option>
<option value="hotpink">hotpink</option>
<option value="indianred">indianred</option>
<option value="indigo">indigo</option>
<option value="ivory">ivory</option>
<option value="khaki">khaki</option>
<option value="lavender">lavender</option>
<option value="lavenderblush">lavenderblush</option>
<option value="lawngreen">lawngreen</option>
<option value="lemonchiffon">lemonchiffon</option>
<option value="lightblue">lightblue</option>
<option value="lightcoral">lightcoral</option>
<option value="lightcyan">lightcyan</option>
<option value="lightgoldenrodyellow">lightgoldenrodyellow</option>
<option value="lightgreen">lightgreen</option>
<option value="lightgrey">lightgrey</option>
<option value="lightpink">lightpink</option>
<option value="lightsalmon">lightsalmon</option>
<option value="lightseagreen">lightseagreen</option>
<option value="lightskyblue">lightskyblue</option>
<option value="lightslategray">lightslategray</option>
<option value="lightsteelblue">lightsteelblue</option>
<option value="lightyellow">lightyellow</option>
<option value="lime">lime</option>
<option value="limegreen">limegreen</option>
<option value="linen">linen</option>
<option value="magenta">magenta</option>
<option value="maroon">maroon</option>
<option value="mediumaquamarine">mediumaquamarine</option>
<option value="mediumblue">mediumblue</option>
<option value="mediumorchid">mediumorchid</option>
<option value="mediumpurple">mediumpurple</option>
<option value="mediumseagreen">mediumseagreen</option>
<option value="mediumslateblue">mediumslateblue</option>
<option value="mediumspringgreen">mediumspringgreen</option>
<option value="mediumturquoise">mediumturquoise</option>
<option value="mediumvioletred">mediumvioletred</option>
<option value="midnightblue">midnightblue</option>
<option value="mintcream">mintcream</option>
<option value="mistyrose">mistyrose</option>
<option value="moccasin">moccasin</option>
<option value="navajowhite">navajowhite</option>
<option value="navy">navy</option>
<option value="oldlace">oldlace</option>
<option value="olive">olive</option>
<option value="olivedrab">olivedrab</option>
<option value="orange">orange</option>
<option value="orangered">orangered</option>
<option value="orchid">orchid</option>
<option value="palegoldenrod">palegoldenrod</option>
<option value="palegreen">palegreen</option>
<option value="paleturquoise">paleturquoise</option>
<option value="palevioletred">palevioletred</option>
<option value="papayawhip">papayawhip</option>
<option value="peachpuff">peachpuff</option>
<option value="peru">peru</option>
<option value="pink">pink</option>
<option value="plum">plum</option>
<option value="powderblue">powderblue</option>
<option value="purple">purple</option>
<option value="red">red</option>
<option value="rosybrown">rosybrown</option>
<option value="royalblue">royalblue</option>
<option value="saddlebrown">saddlebrown</option>
<option value="salmon">salmon</option>
<option value="sandybrown">sandybrown</option>
<option value="seagreen">seagreen</option>
<option value="seashell">seashell</option>
<option value="sienna">sienna</option>
<option value="Silver">Silver</option>
<option value="skyblue">skyblue</option>
<option value="slateblue">slateblue</option>
<option value="slategray">slategray</option>
<option value="snow">snow</option>
<option value="springgreen">springgreen</option>
<option value="steelblue">steelblue</option>
<option value="tan">tan</option>
<option value="teal">teal</option>
<option value="thistle">thistle</option>
<option value="tomato">tomato</option>
<option value="turquoise">turquoise</option>
<option value="violet">violet</option>
<option value="wheat">wheat</option>
<option value="white">white</option>
<option value="whitesmoke">whitesmoke</option>
<option value="yellow">yellow</option>
<option value="yellowgreen">yellowgreen</option>
</select>
<p>
<input type="button" value="Change and Set the Color" onClick="set_color(this.form)">
<input type="button" value="Close" onClick="self.close()">
<table border=1 bgcolor=yellow>
<tr><td>用户名：</td><td><input type="text" name="username" value=""></td>
<tr><td>口令：</td><td><input type="password" name="password" value=""></td>
<tr><td><input type="button" onclick="write_cookie()" value="写Cookie">
</form>
</center>
<script language="JavaScript" type="text/javascript">
<!--
function set_color(color_form) {
// Get the currently selected color
var color_list = color_form.color_name
var selected_color = color_list.options[color_list.selectedIndex].value
// Change the color of the background
document["bgColor"] = selected_color
// Save it in a cookie
set_cookie("bgColor_cookie", selected_color, 365, "/")
}
function set_cookie(cookie_name, cookie_value, cookie_expire, cookie_path, cookie_domain, cookie_secure) {
// Begin the cookie parameter string
var cookie_string = cookie_name + "=" + cookie_value
// Add the expiration date, if it was specified
if (cookie_expire) {
var expire_date = new Date()
var ms_from_now = cookie_expire * 24 * 60 * 60 * 1000
expire_date.setTime(expire_date.getTime() + ms_from_now)
var expire_string = expire_date.toGMTString()
cookie_string += "; expires=" + expire_string
}
// Add the path, if it was specified
if (cookie_path) {
cookie_string += "; path=" + cookie_path
}
// Add the domain, if it was specified
if (cookie_domain) {
cookie_string += "; domain=" + cookie_domain
}
// Add the secure Boolean, if it's true
if (cookie_secure) {
cookie_string += "; true"
}
// Set the cookie
document.cookie = cookie_string
}
//-->
</script>
<script language="JavaScript" type="text/javascript">
function write_cookie()
{
var cookie1="username="+document.forms[0].username.value;
var expire_date = new Date()
var ms_from_now = 10 * 24 * 60 * 60 * 1000
expire_date.setTime(expire_date.getTime() + ms_from_now)
var expire_string = expire_date.toGMTString()
cookie1+= "; expires=" + expire_string+"; path=/"
document.write(cookie1);
document.cookie=cookie1;
}
function get_cookie() {
var cookie_pair
var cookie_name
var cookie_value
// Split all the cookies into an array
var cookie_array = document.cookie.split("; ")
// Run through the cookies
for (counter = 0; counter < cookie_array.length; counter++) {
// Split the cookie into a name/value pair
cookie_pair = cookie_array[counter].split("=")
cookie_name = cookie_pair[0]
cookie_value = cookie_pair[1]
if(cookie_name=="bgColor_cookie")
{bgcookie=cookie_name;bgvalue=cookie_value}
if(cookie_name=="username")
uservalue=cookie_value;
}
document.write(bgcookie+"："+bgvalue+"<br> ");
document.write("username："+uservalue+"<br> ");
}
</script>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -