📄 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 + -