📄 tutorial2_page4.html
字号:
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<meta NAME="GENERATOR" CONTENT="Microsoft FrontPage 3.0">
<title>Webmonkey: javascript: Thau's JavaScript Tutorial: Day 1</title>
<meta NAME="keywords"
CONTENT="javascript, hotwired, webmonkey, javascript, javascript tutorial, thau, dave thau, developer resource, developer, development, web
development, design, code, geek, warez, free, new, latest, news, tools,
info, tutorials, how-to, builder, web builder, pag">
<meta NAME="description"
CONTENT="Thau's JavaScript Tutorial: Day 1: Not only does Thau give the JavaScript skinny, but he'll have you writing your first script by the end of the day.">
<meta NAME="Template" CONTENT="E:\LIZEJUN\OFFICE\html.dot">
</head>
<body TEXT="#000000" LINK="#0000ff" VLINK="#800080" BGCOLOR="#ffffff">
<table CELLSPACING="0" BORDER="0" CELLPADDING="3" WIDTH="540">
<tr>
<td WIDTH="68%" VALIGN="MIDDLE"><font FACE="宋体" LANG="ZH-CN" SIZE="4" COLOR="#ff0000"></font><b><font
FACE="System,黑体" LANG="ZH-CN" COLOR="#ff0000">第</font><font FACE="宋体"
LANG="ZH-CN" COLOR="#ff0000">4</font><font FACE="System,黑体" LANG="ZH-CN"
COLOR="#ff0000">页</font><font FACE="宋体" LANG="ZH-CN" COLOR="#ff0000"> </font><font
FACE="System,黑体" LANG="ZH-CN" COLOR="#ff0000">字符串的魔力</font></b><font
FACE="System,黑体" LANG="ZH-CN"><br>
<!-- BYLINE --> </font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">作者：</font><a
HREF="mailto:thau@wired.com"><font FACE="宋体" LANG="ZH-CN" SIZE="2">Thau!</font></a><font
FACE="宋体" LANG="ZH-CN"> <!-- SEE ALSO LINKS --></font></td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN"></font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">如前一节所提，引号间的字符都称为字符串，无论单双引号。<br>
就如变量可为数字一样，它也可为字符串。因此可说：</font></td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="TOP" BGCOLOR="#ffffff"><pre>
var nice_monkey = "The monkey smiles at you and recites Shakespeare.";
var bad_monkey = "The monkey scowls at you and burps.";
</pre>
</td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN"></font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">申报变量时即给变量赋值，使它等于这些字符串，于是当你<br>
想写这些字符串时，你可写：</font></td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="TOP" BGCOLOR="#ffffff"><pre>
document.writeln(nice_monkey);
</pre>
</td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN"></font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">这里是可<a HREF="tppmsgs/msgs0.htm#61">用字符串做事的例子</a>。<p>仔细看一看源码，你将常会发现一些新鲜，有趣的事。</p>
<p>看以下新鲜之处</font><font FACE="宋体" LANG="ZH-CN" SIZE="2">: </font></td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="TOP" BGCOLOR="#ffffff"><pre>
var monkey = prompt("What's the monkey's name?", "The monkey");
</pre>
</td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN"></font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">这里我们称为用户反馈提示方式，当它被调用时，启动一个<br>
对话框请求用户输入信息。用户完成后敲</font><font FACE="宋体"
LANG="ZH-CN" SIZE="2">OK</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">返回信息。在上<br>
行中返回信息放入其变量中。</font><font FACE="宋体" LANG="ZH-CN" SIZE="2"> </font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2"><p>注意该提示方式有两个变量，且都是字符串。第一个在对话框<br>
输入区上面显示，本例中它是：“</font><font FACE="宋体" LANG="ZH-CN"
SIZE="2">What's the monkey's <br>
name?</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">”。本例中第二个参数</font><font
FACE="宋体" LANG="ZH-CN" SIZE="2">"The monkey"</font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">，放置输入框<br>
的缺省值。如果你不想要缺省值，则在第二个参数加上引号，<br>
就象这样：</font></td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="TOP" BGCOLOR="#ffffff"><pre>
var monkey = prompt("What's the monkey's name?", "");
</pre>
</td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN"></font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">下一行是直接变量分配，就象此前我们看到的：</font></td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="TOP" BGCOLOR="#ffffff"><pre>
var techy_monkey = monkey + demanding + tech;
</pre>
</td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN"></font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">该行介绍了一个字符串操作器：累加标记。当两个字符串间<br>
出现累加标记时，则这两个变量出现在同一字符串中，这称<br>
为“<a HREF="tppmsgs/msgs0.htm#62">连锁</a>”。于是上行创造了一个新的变量称为</font><tt>techy_monkey<br>
<font FACE="System,黑体" LANG="ZH-CN">含有包含上述三个变量的字符串。换一句话说，其结果即是<br>
</font></tt><font FACE="宋体" LANG="ZH-CN" SIZE="2">"</font><tt>The monkey</tt><font
FACE="宋体" LANG="ZH-CN" SIZE="2">" + "</font><tt>demands, no, insists upon
receiving</tt><font FACE="宋体" LANG="ZH-CN" SIZE="2">" + "</font><tt>a
computer that won't crash, and a homemade browser!</tt><font FACE="宋体" LANG="ZH-CN"
SIZE="2">"</font></td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="TOP" BGCOLOR="#ffffff"><pre>
var techy_monkey = monkey + demanding + tech;
</pre>
</td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN"></font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">于是也可说：</font></td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="TOP" BGCOLOR="#ffffff"><pre>
var techy_monkey = "The monkey demands, no, insists upon receiving a computer
that won't crash, and a homemade browser!";
</pre>
</td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN"></font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">下面一段显示更多的使用字符串的诀窍。其工作原理是相同的，我们只看三行：</font></td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="TOP" BGCOLOR="#ffffff"><pre>
var italic_hippy = hippy_monkey.italics();
var shouting_hippy= hippy_monkey.toUpperCase();
var red_bold_tech = bold_tech.fontcolor('red');
</pre>
</td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN"></font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">第一行是说：“使该字符串包含变量以斜体显示”，<br>
这实际上即是：</font></td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="TOP" BGCOLOR="#ffffff"><pre>
var italic_hippy = "<i>" + hippy_monkey + "</i>";
</pre>
</td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN"></font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">但看起来要好的多！今后在</font><font
FACE="宋体" LANG="ZH-CN" SIZE="2">JavaScript</font><font FACE="System,黑体"
LANG="ZH-CN" SIZE="2">写</font><tt>document.writeln<br>
(italic_hippy)</tt><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">时，你得到的是斜体显示的字符。<p>下一行讲述的技巧是在</font><font
FACE="宋体" LANG="ZH-CN" SIZE="2">HTML</font><font FACE="System,黑体" LANG="ZH-CN"
SIZE="2">中实现不了的，它使得</font><tt>hippy_monkey</tt><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">中所有字符以大写显示</p>
<p>第三行显示改变字符串属性的例子。。所有的字符具有颜色，<br>
你可用</font><tt>string.fontcolor('new color');</tt><font FACE="System,黑体"
LANG="ZH-CN" SIZE="2">命令改变其颜色。<br>
也可这样作：</font></td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="TOP" BGCOLOR="#ffffff"><pre>
var red_bold_tech = "<font color='red'>" + bold_tech + "</font>";
</pre>
</td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN"></font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">但它阅读起来不如这样容易：</font><font
FACE="宋体" LANG="ZH-CN" SIZE="2"> </font></td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="TOP" BGCOLOR="#ffffff"><pre>
var red_bold_tech = bold_tech.fontcolor('red');
</pre>
</td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN"></font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">本例中除本行外你还可看到其他的应用：</font></td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="TOP" BGCOLOR="#ffffff"><pre>
document.writeln(bold_tech + "<br>");
</pre>
</td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN"></font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">它除替代显示一字符串外，还连接两个字符串然后显示结果。<br>
也可写成两行，象这样：</font></td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="TOP" BGCOLOR="#ffffff"><pre>
var broken_bold = bold_tech + "<br>";
document.writeln(broken_bold);
</pre>
</td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN"></font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">但这要创建另一个变量，并不必要的写另一行。<p>现在我们已学习了所有的关于变量和字符串知识，<a
HREF="tutorial2_page5.html">请做一个练习</a></font></td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="TOP" BGCOLOR="#ffffff"><!-- PAGE X LINKS --><font FACE="System,黑体" LANG="ZH-CN">第</font><font
FACE="宋体" LANG="ZH-CN">1</font><font FACE="System,黑体" LANG="ZH-CN">页：<a
HREF="tutorial2.html">第二天课程简介</a><br>
第</font><font FACE="宋体" LANG="ZH-CN">2</font><font FACE="System,黑体" LANG="ZH-CN">页</font><font
FACE="宋体" LANG="ZH-CN">: </font><font FACE="System,黑体" LANG="ZH-CN"><a
HREF="tutorial2_page2.html">变量介绍</a><br>
第</font><font FACE="宋体" LANG="ZH-CN">3</font><font FACE="System,黑体" LANG="ZH-CN">页</font><font
FACE="宋体" LANG="ZH-CN">:</font><font FACE="System,黑体" LANG="ZH-CN"><a
HREF="tutorial2_page3.html">首个变量例子的程序主体</a><br>
第</font><font FACE="宋体" LANG="ZH-CN">4</font><font FACE="System,黑体" LANG="ZH-CN">页</font><font
FACE="宋体" LANG="ZH-CN">: </font><font FACE="System,黑体" LANG="ZH-CN"><a
HREF="tutorial2_page4.html">字符串的魔力</a><br>
第</font><font FACE="宋体" LANG="ZH-CN">5</font><font FACE="System,黑体" LANG="ZH-CN">页</font><font
FACE="宋体" LANG="ZH-CN">: </font><font FACE="System,黑体" LANG="ZH-CN"><a
HREF="tutorial2_page5.html">变量练习</a><br>
第</font><font FACE="宋体" LANG="ZH-CN">6</font><font FACE="System,黑体" LANG="ZH-CN">页</font><font
FACE="宋体" LANG="ZH-CN">: <a HREF="tutorial2_page6.html">if-then </font><font
FACE="System,黑体" LANG="ZH-CN">子句</a><br>
第</font><font FACE="宋体" LANG="ZH-CN">7</font><font FACE="System,黑体" LANG="ZH-CN">页</font><font
FACE="宋体" LANG="ZH-CN">: <a HREF="tutorial2_page7.html">if-then </font><font
FACE="System,黑体" LANG="ZH-CN">语句的例子</a><br>
第</font><font FACE="宋体" LANG="ZH-CN">8</font><font FACE="System,黑体" LANG="ZH-CN">页</font><font
FACE="宋体" LANG="ZH-CN">: <a HREF="tutorial2_page8.html">if-then </font><font
FACE="System,黑体" LANG="ZH-CN">练习</a><br>
第</font><font FACE="宋体" LANG="ZH-CN">9</font><font FACE="System,黑体" LANG="ZH-CN">页</font><font
FACE="宋体" LANG="ZH-CN">: </font><font FACE="System,黑体" LANG="ZH-CN"><a
HREF="tutorial2_page9.html">链结事件</a><br>
第</font><font FACE="宋体" LANG="ZH-CN">10</font><font FACE="System,黑体"
LANG="ZH-CN">页</font><font FACE="宋体" LANG="ZH-CN">: </font><font
FACE="System,黑体" LANG="ZH-CN"><a HREF="tutorial2_page10.html">图片交换</a><br>
第</font><font FACE="宋体" LANG="ZH-CN">11</font><font FACE="System,黑体"
LANG="ZH-CN">页</font><font FACE="宋体" LANG="ZH-CN">: </font><a
HREF="tutorial2_page11.html"><font FACE="System,黑体" LANG="ZH-CN">练习</font><font
FACE="宋体" LANG="ZH-CN"> 2</a><br>
</font><font FACE="System,黑体" LANG="ZH-CN">第</font><font FACE="宋体" LANG="ZH-CN">12</font><font
FACE="System,黑体" LANG="ZH-CN">页</font><font FACE="宋体" LANG="ZH-CN">: </font><font
FACE="System,黑体" LANG="ZH-CN"><a HREF="tutorial2_page12.html">复习</a></font></td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="MIDDLE"></td>
</tr>
</table>
<font FACE="System,黑体" LANG="ZH-CN">
<p> </p>
</font>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -