📄 day2_10.html
字号:
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312-80"><style type="text/css"><!--a:link { color: blue; text-decoration: none}a:visited { color: purple; text-decoration: none}a:hover { color: #CC0033; text-decoration: underline}--></style><title>JavaScript高级教程</title></head><body topmargin="1" leftmargin="2"><table border="0" width="591" cellspacing="0"> <tr> <td bgcolor="#ffff99" width="451">JavaScript高级教程 - 第二课</td> </tr> <tr> <td bgcolor="#FF6600" width="451"><a href="mailto:thau@wired.com">Thau</a></td> </tr></table><div align="left"> <table border="0" width="630" cellspacing="0"> <tr> <td width="458" valign="top" align="left" rowspan="2"><small><small><br> </small></small><strong>第十页：复杂的cookies读取</strong> <p>如果你想让你的cookie包含更多的信息，你可以将cookie的值<br> 设得很长．假设我们要保存某人的姓名，年龄和电话号码：</p> <p>var the_cookie = "username:thau/age:older than the hills/phone:411";<br> <br> document.cookie="my_happy_cookie=" + escape(the_cookie);<br> <br> 我用斜杠／来分割属性名称，用分号区别不同的属性名称及其<br> 属性值．斜杠／和分号是不是绝对的选择，你可以使用任何的<br> 字符做分割的标志：<br> <br> var the_cookie = "username=thau&age=older than the hills&phone=<br> 411";<br> <br> document.cookie="my_happy_cookie=" + escape(the_cookie);<br> <br> 你可以自行选择限位器．只要你注意在对cookie解码时也使用<br> 同样的限位器即可．<br> <br> 设置复杂的cookie时方法要复杂一些．我们建议你使用相关数<br> 组来保存所有的信息，假设我们将该cookie保存到某人的硬<br> 盘上：<br> <br> my_happy_cookie=username:thau/age:older than the hills/phone:411<br> <br> <br> 你可以将这些信息放到一个方便的相关数组中：<br> <br> function readTheCookie(the_info)<br> <br> {<br> <br> // load the cookie into a variable and unescape it<br> <br> var the_cookie = document.cookie;<br> <br> var the_cookie = unescape(the_cookie);<br> <br> // separate the values from the cookie name<br> <br> var broken_cookie = the_cookie.split("=");<br> <br> var the_values = broken_cookie[1];<br> <br> // break each name:value pair into an array<br> <br> var separated_values = the_values.split("/");<br> <br> // loop through the list of name:values and load<br> // up the associate array<br> <br> var property_value = "";<br> <br> for (loop = 0; loop <br> <br> <br> 如果在你的JavaScript中有上面这段代码，你可以这样调用它：<br> <br> var cookie_information = new Array();<br> <br> readTheCookie(cookie_information);<br> <br> 然后你就会正确设置了cookie_information["username"],<br> cookie_information["age"], 和cookie_information["phone"]．<br> <br> 这些看起来可能有些难以理解，但实际上并不是很难．我们一<br> 步步分析：<br> var the_cookie = document.cookie; <br> 将cookie赋值给一个变量．<br> var the_cookie = unescape(the_cookie); <br> 取消escape()的编码<br> var broken_cookie = the_cookie.split("=");<br> var the_values = broken_cookie[1]; <br> 使the_values等同于username:thau/age:older than the hills/phone:411. <br> var separated_values = the_values.split("/"); <br> 生成一个包含３个元素名为separated_values的数组：<br> separated_values[0] = "username:thau"<br> separated_values[1] = "age:older than the hills"<br> separated_values[2] = "phone:411"<br> <br> for (loop = 0; loop <br> 循环调用separated_values的３个元素．<br> property_value = separated_values[loop]; <br> 提取当前的name:value配对，第１个配对是username:thau．<br> var broken_info = property_value.split(":"); <br> 将该配对分成名为broken_info的数组中的两个元素： <br> broken_info[0] = "username"<br> broken_info[1] = "thau"<br> <br> var the_property = broken_info[0]; <br> 第１次经过这个循环是，the_property是"username" <br> var the_value = broken_info[1]; <br> 其值是"thau" <br> the_info[the_property] = the_value; <br> 这里开始发回相关数组的便捷功能．它使得the_info<br> ["username"] = "thau"，所以现在当你需要从cookie中查找<br> username时你只需：<br> var the_name = the_info["username"];<br> <br> 每次经过这个循环时，就在the_info中加入一个新元素．循<br> 环到最后时， the_info["username"] = "thau", the_info<br> ["age"] = "old as the hills" ，而 the_info["phone"] = 411．<br> <br> 有些烦琐，但是当你需要从cookie中输出入大量信息时这是一<br> 个很好的办法．当然还有别的办法．<a href="day2_11.html">>></a></p> <p><font face="宋体" size="3" color="#000000"><strong>JavaScript高级教程</strong></font><font color="#FF0000" face="宋体" size="3"><br> </font><font color="#FF0000">第一页</font> <a href="day2_1.html">Javascript高级教程-第2日</a><br> <font color="#FF0000">第二页</font> <a href="day2_2.html">神奇的字符串处理</a><br> <font color="#FF0000">第三页</font> <a href="day2_3.html">子字符串</a><br> <font color="#FF0000">第四页</font> <a href="day2_4.html">分割方法(splitting method)</a><br> <font color="#FF0000">第五页</font> <a href="day2_5.html">相关数组</a><br> <font color="#FF0000">第六页</font> <a href="day2_6.html">相关数组的一个例子</a><br> <font color="#FF0000">第七页</font> <a href="day2_7.html">介绍cookie</a><br> <font color="#FF0000">第八页</font> <a href="day2_8.html">深入了解cookies</a><br> <font color="#FF0000">第九页</font> <a href="day2_9.html">读取cookies</a><br> <font color="#FF0000">第十页</font> 复杂的cookies读取<br> <font color="#FF0000">第十一页</font> <a href="day2_11.html">读取和编写多重cookies</a><br> <font color="#FF0000">第十二页</font> <a href="day2_12.html">再次深入了解cookies</a><br> <font color="#FF0000">第十三页</font> <a href="day2_13.html">cookie路径和域</a></p> <p><font size="3">[<a href="day1_1.html">第1课</a>][第2课][<a href="day3_1.html">第3课</a>][<a href="day4_1.html">第4课</a>][<a href="day5_1.html">第5课</a>]</font></p> <hr align="left"> <!--webbot bot="Include" U-Include="../../copyright.html" TAG="BODY" startspan --> <p><font face="verdana, arial, geneva, sans-serif" size="2"><a href="http://phtshop.yeah.net" target="_top">本文根据 网猴 相关文章改编，版权归原作者所有。</a> </font><font color="#000000"><span class="smallfont"></span></font></p> <!--webbot bot="Include" endspan i-checksum="15926" --> </td> </tr> <tr> </tr> </table></div></body></html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -