📄 day2_3.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>第三页：子字符串</strong> <p>子字符串（substring）和charAt有些象，不同之处在于它能够<br> 从一个单词中抓取整个的子字符串，而不只是字母，这里是其<br> 格式：</p> <p>var the_substring = the_string.substring(from, to);</p> <p>"From"指的是子字符串中第１个字母的位置，"to"有点奇特，<br> 它是该子字符串中比最后一个位置大１的位置．使用这种神奇<br> 的方法你可以标记子字符串的起始和结束位置，用"to"的位置<br> 减去"from"的位置就会得出该子字符串的长度：</p> <p>var the_string = "monkey";<br> <br> var clergy = the_string.substring(0,4);<br> <br> var tool = the_string.substring(3,6);</p> <p>运行该段代码后变量clergy的值为"monk"; 变量tool的值为<br> "key"。</p> <p>子字符串常和indexOf一起使用，将字符串分成若干块．例如，<br> 你可以从一个给定的URL中抽取出其域名：</p> <p>var the_url = prompt("What's the URL?","");<br> <br> var lead_slashes = the_url.indexOf("//");<br> <br> var domain_start = lead_slashes + 2;<br> <br> var without_resource = the_url.substring(domain_start, the_url.length);<br> <br> var next_slash = without_resource.indexOf("/");<br> <br> var domain = without_resource.substring(0, next_slash);</p> <p>这段代码的意思是：如果你输入<br> <a href="http://www.webmonkey.com/javascript/index.html">"http://www.webmonkey.com/javascript/index.html"</a>，则域<br> 名就是"www.webmonkey.com" ．如果这个方法对你来说有些麻<br> 烦，我将向你介绍如何使用split方法简化其执行过程．但是首<br> 先我们作一些分析．</p> <p>基本的技巧是将第１个斜杠和第２个斜杠之间的内容分离出来：<br> var the_url = prompt("What's the URL?",""); <br> 这行代码向用户询问一个URL．假设用户输入了<br> "http://www.webmonkey.com/javascript/index.html." <br> var lead_slashes = the_url.indexOf("//"); <br> 这行代码确定第一个双斜杠的位置．在本例中lead_slashes<br> 的值是５，因为双斜杠的位置从５开始．</p> <p>你可能会想，通常德URL都是以http://开始，所以双斜杠的位<br> 置肯定是在５开始，为什么还要加入indexOf这一段多余的代<br> 码呢？但是问题的关键在于你不知道用户在填入URL时是否一定<br> 填入http:，他们也许会不小心多键入了一个空格，也许他们所<br> 键入的URL在一个加密服务器上，其URL是<br> "https://www.whatever.com/" ．在编程你必须预料到种种可能<br> 发生的问题．所以我们必须用indexOf方法确定双斜杠的确切的<br> 起始位置．</p> <p>var domain_start = lead_slashes + 2; </p> <p>这行代码用于计算该域名的第１个字母的起始位置．由于这里<br> 有一个双斜杠，所以域名第１个字母的起始位置应该在双斜杠<br> 所在位置加２的位置．</p> <p>var without_resource = the_url.substring(domain_start, the_string.length); </p> <p>这段代码将域名起始位置往后的所有字符都提取出来．所以执<br> 行完这行代码后without_resource是<br> <a href="http://www.webmonkey.com/javascript/index.html.">"www.webmonkey.com/javascript/index.html."</a> </p> <p>var next_slash = without_resource.indexOf("/"); </p> <p>这行代码计算出该字符串中下一个斜杠的位置，而从该字符串<br> 起始位置到这个斜杠之间的内容就是域名．在本例中下一个斜<br> 杠的位置是17。</p> <p>var domain = without_resource.substring(0, next_slash); </p> <p>最后一步是提取出该字符串起始位置到下一个斜杠之间的所有<br> 内容．在本例中使得域名等同于<a href="http://www.webmonkey.com">"www.webmonkey.com"</a>。</p> <p>这样做确实很麻烦，利用split方法则可以使该过程容易很多．<a href="day2_4.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> 子字符串<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> <a href="day2_10.html">复杂的cookies读取</a><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 + -