📄 tutorial2_page3.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">3</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="TOP" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN"> </font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2"><p>现在我们已经定义了变量,让我们用它来做一些事。</p>
</font><pre>
<script language="JavaScript">
<!-- hide me
</pre>
<font FACE="System,黑体" LANG="ZH-CN" SIZE="2"><p>这里介绍如何用</font><font
FACE="宋体" LANG="ZH-CN" SIZE="2">JavaScript</font><font FACE="System,黑体"
LANG="ZH-CN" SIZE="2">写变量和网页。</p>
</font><pre>
// here's how to use JavaScript to write out HTML
document.writeln("<b>The monkey dances ");
document.writeln(secs_per_year);
document.writeln(" seconds per year.</b><p>");
</pre>
<font FACE="System,黑体" LANG="ZH-CN" SIZE="2"><p>这里是关于这三行的兴趣点:</font>
<tt><dl>
<dt>document.writeln()</tt><font SIZE="2"> </font><font FACE="System,黑体" LANG="ZH-CN"
SIZE="2">对于网页写入插入词。</dt>
<dd>在</font><tt>document.writeln()<font FACE="System,黑体" LANG="ZH-CN">中可作大量细节之事,<br>
但到此为止你只需记住你是在</font><script></tt><font SIZE="2"> </font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">和</font><font SIZE="2"> </font><tt><font
FACE="System,黑体" LANG="ZH-CN"><br>
</font></script><font FACE="System,黑体" LANG="ZH-CN">标签之间,必须用</font>document.writeln<br>
("blah!")</tt><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">在网页中写</font><font
SIZE="2">HTML</font></dd>
</dl>
<font FACE="System,黑体" LANG="ZH-CN" SIZE="2"><p>引号中的字符显现出来;引号外的字符被认为是变量。</font>
<font FACE="System,黑体" LANG="ZH-CN" SIZE="2"><dl>
<dd>注意在第一和第三行中,引号中的是我们想要<br>
显现的,而</font><tt>secs_per_year</tt><font FACE="System,黑体" LANG="ZH-CN"
SIZE="2">无引号。因此<br>
</font><font SIZE="2">JavaScript</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">认为它是变量并交换成变量值。<br>
幸好,在头文件中我们定义了</font><tt>secs_per_year<br>
</tt><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">是一大数,因此可被显现,否则</font><font
SIZE="2">JavaScript<br>
</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">将报错。</dd>
<dd>引号中的任何字都被称为字符串,</font><font SIZE="2">JavaScript<br>
</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">不编译它。本例中</font><font
SIZE="2"> </font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">使用的是双引号</font><font
SIZE="2">(</font><tt>"</tt><font SIZE="2">)</font><font FACE="System,黑体"
LANG="ZH-CN" SIZE="2">,也可<br>
使用单引号</font><font SIZE="2">(</font><tt>'</tt><font SIZE="2">)</font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">,二者可互换。若第二行中的是<br>
</font><tt>document.writeln("secs_per_year")</tt><font FACE="System,黑体"
LANG="ZH-CN" SIZE="2">,</font><font SIZE="2">JavaScript<br>
</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">将直接将</font><tt>secs_per_year</tt><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">显现,而不是</font><tt>31,536,000</tt><font
SIZE="2">.</dd>
</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">
<dd>本例和字符的区别很重要,因此在我们继续下去<br>
之前,保证你已读懂了这段。</dd>
<dt>你可以用</font><tt>document.writeln()</tt><font SIZE="2"> </font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">写</font><font SIZE="2">HTML</font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">语言。</dt>
<dd>注意第一和第三行的</font><tt><b></tt><font SIZE="2"> </font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">和</font><font SIZE="2"> </font><tt></b></tt><font
SIZE="2"> </font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">标签</font><font
SIZE="2"> . </font></dd>
</dl>
<font FACE="System,黑体" LANG="ZH-CN" SIZE="2"><p>这即是该例的概要。我们常见的一个问题<br>
是:“通常什么出现在头文件中,什么出<br>
现在主体文件中?”</p>
<p>一般这关系不大。好的习惯是把大多数</font><font FACE="宋体"
LANG="ZH-CN" SIZE="2">JavaScript<br>
</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">如</font><tt>secs_per_min</tt><font
FACE="宋体" LANG="ZH-CN" SIZE="2">)</font><font FACE="System,黑体" LANG="ZH-CN"
SIZE="2">都在<br>
头中申报了。当</font><tt>secs_per_min</tt><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">试图<br>
执行</font><tt>document.writeln(secs_per_min)<font FACE="System,黑体" LANG="ZH-CN">命令后定义<br>
则</font></tt><font FACE="宋体" LANG="ZH-CN" SIZE="2">JavaScript</font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">会报错。</p>
<p>好,现在我们准备作一个关于变量的练习,但<br>
首先再注意一下<a HREF="tppmsgs/msgs0.htm#60">字符串</a>。</p>
</font><font FACE="System,黑体" LANG="ZH-CN"><p>第</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>
</table>
<font FACE="System,黑体" LANG="ZH-CN">
<p> </p>
</font>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -