📄 tutorial2_page2.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">
<font FACE="System,黑体" LANG="ZH-CN">
<p> </p>
</font>
<table CELLSPACING="0" BORDER="0" CELLPADDING="3" WIDTH="678">
<tr>
<td WIDTH="514" VALIGN="MIDDLE"><font FACE="System,黑体" LANG="ZH-CN" SIZE="4"
COLOR="#ff0000"><b>第2页:变量介绍</b></font><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="514" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN">如果你学过代数,你一定见过变量。如果没学过也不要紧。变量是</font><font
FACE="宋体" LANG="ZH-CN">JavaScript</font><font FACE="System,黑体" LANG="ZH-CN">存储信息的简单方式。例如,当你写:</font><font
FACE="宋体" LANG="ZH-CN"><p>"x=2," "x"</font><font
FACE="System,黑体" LANG="ZH-CN">是一个变量,它存储值为</font><font
FACE="宋体" LANG="ZH-CN">2</font><font FACE="System,黑体" LANG="ZH-CN">。如果而后你又说</font><font
FACE="宋体" LANG="ZH-CN">"y=x+3," "y"</font><font
FACE="System,黑体" LANG="ZH-CN">将具有值“</font><font FACE="宋体" LANG="ZH-CN">5</font><font
FACE="System,黑体" LANG="ZH-CN">”</p>
<p>这里是一个使用<a HREF="#"><b>错误!超级链接引用无效。</b></a></font><font
FACE="宋体" LANG="ZH-CN"> </font><font FACE="System,黑体" LANG="ZH-CN">的</font><font
FACE="宋体" LANG="ZH-CN">JavaScript</font><font FACE="System,黑体" LANG="ZH-CN">例子。</p>
<b><p>在本例中我们一步一步浏览源码</b></font><font FACE="宋体"
LANG="ZH-CN"> </font><font FACE="System,黑体" LANG="ZH-CN">你将看到</font><font
FACE="宋体" LANG="ZH-CN">: </p>
</font><pre>
<script language="JavaScript">
<!-- hide me
</pre>
<font FACE="System,黑体" LANG="ZH-CN"><p>开始的这两行我们已经见过。这是任何</font><font
FACE="宋体" LANG="ZH-CN">JavaScript</font><font FACE="System,黑体" LANG="ZH-CN">程序都必须的序曲。</p>
</font><pre>
// load up some variables
var secs_per_min = 60;
var mins_per_hour = 60;
var hours_per_day = 24;
var days_per_year = 365;
</pre>
<font FACE="System,黑体" LANG="ZH-CN"><p>第一行是一个注释。含义很明确。</p>
<p>下几行是变量申明,有几样事情需注意:</p>
<p>当首次用一变量时,应以“</font><font FACE="宋体" LANG="ZH-CN">var</font><font
FACE="System,黑体" LANG="ZH-CN">”申明。</font> <font FACE="System,黑体"
LANG="ZH-CN"><dl>
<dd>尽管以</font>var <font FACE="System,黑体" LANG="ZH-CN">作为变量申明严格说并不必要,但这是<br>
一个好习惯。当我们讨论接下来的两课时,我们将<br>
知道为什么。</dd>
<dt> </dt>
</dl>
<p>变量必须以字母或强调性字符起始。</font> <font FACE="System,黑体"
LANG="ZH-CN"><dl>
<dd>第一个字符后,变量须有数字。</font>So <tt>monkey_23<font
FACE="System,黑体" LANG="ZH-CN" SIZE="4">即是合<br>
法的变量名。</dd>
<dd></font></tt><font FACE="System,黑体" LANG="ZH-CN"> </dd>
</dl>
<p>变量名多数是大小写敏感的,但对不同版本的</font><font FACE="宋体"
LANG="ZH-CN">JavaScript<br>
</font><font FACE="System,黑体" LANG="ZH-CN">也不尽然。</font> <font
FACE="System,黑体" LANG="ZH-CN"><dl>
<dd>这意味着变量</font><tt>Loop</tt> <font FACE="System,黑体" LANG="ZH-CN">和</font>
<tt>loop <font FACE="System,黑体" LANG="ZH-CN" SIZE="4">在有些浏览器中是不<br>
同的。一般情况,建议坚持使用一种命名习惯并<br>
保持不变。我本人习惯使用变量间加下划线。其<br>
他人有喜欢变量间首字大写的。如</font>secsPerMin</tt>.</dd>
<dt><font FACE="System,黑体" LANG="ZH-CN"> </dt>
</dl>
<p>变量应描述其目的。</font> <font FACE="System,黑体" LANG="ZH-CN"><dl>
<dd>象</font> <tt>x</tt>, <tt>y</tt>, <font FACE="System,黑体" LANG="ZH-CN">或</font> <tt>hack_hack_hack
<font FACE="System,黑体" LANG="ZH-CN" SIZE="4">对想要了解你的<br>
语言的人来说没有什么用。别使变量名太长以致<br>
敲起来费劲,但要长到有一定的描述力。</font></tt></dd>
</dl>
<font FACE="System,黑体" LANG="ZH-CN"><p>在申报变量时就可赋于其一个值,也可今后在给。</font>
<font FACE="System,黑体" LANG="ZH-CN"><dl>
<dd>在该例中每个变量开始申报时就被赋于了值。<br>
不一定非如此,今后的例子中我们将看到即<br>
使我们不知道其值,我们也可很好的申报它。</dd>
<dt>语句以半括弧结束。</font> </dt>
<font FACE="System,黑体" LANG="ZH-CN">
<dd>语句是</font>JavaScript<font FACE="System,黑体" LANG="ZH-CN">的表达句,半括弧是结<br>
束标志。空格和空行是可被</font>JavaScript<font FACE="System,黑体"
LANG="ZH-CN">编<br>
译器忽略的,他们仅是为人们读起来方便,<br>
该例可被写成长长的一行,但即使加上注释,<br>
看起来也会极其吃力。</dd>
<dd>结束前我要提一下有时半括弧是不必须的,<br>
你可能也注意到有的人编的语句没有半括<br>
弧作为结束。但加上它是个好习惯,这不<br>
仅是由于你的程序的可读性会好的多,这<br>
也可减少空行,这些空行会塞满你的程序<br>
</font>Webmonkey<font FACE="System,黑体" LANG="ZH-CN">的习惯是在每一语句后加上半<br>
括弧作为结束。</font></dd>
</dl>
</td>
</tr>
<tr>
<td WIDTH="514" VALIGN="TOP" BGCOLOR="#ffffff"><pre>
// do some calculations
var secs_per_day = secs_per_min * mins_per_hour * hours_per_day;
var secs_per_year = secs_per_day * days_per_year;
</pre>
</td>
</tr>
<tr>
<td WIDTH="514" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN">这里我们看到了一些基本的算术。每当</font><font
FACE="宋体" LANG="ZH-CN">JavaScript</font><font FACE="System,黑体" LANG="ZH-CN">执行<br>
了该语句,变量</font><tt>secs_per_year</tt><font FACE="System,黑体" LANG="ZH-CN">将是无论得到的什么数乘<br>
以</font><font FACE="宋体" LANG="ZH-CN">60, 60, 24, </font><font FACE="System,黑体"
LANG="ZH-CN">和</font><font FACE="宋体" LANG="ZH-CN"> 365</font><font
FACE="System,黑体" LANG="ZH-CN">。以后,无论何时遇到<tt>变量<br>
</font>secs_per_year<font FACE="System,黑体" LANG="ZH-CN">,它将以这些巨大的数字替代。</font></tt><pre>
// end hiding -->
</script>
</pre>
<font FACE="System,黑体" LANG="ZH-CN"><p>这里没什么新鲜的,是一个</font><font
FACE="宋体" LANG="ZH-CN">JavaScript</font><font FACE="System,黑体" LANG="ZH-CN">片的结束。</p>
<p>这是该例中头文件中</font><font FACE="宋体" LANG="ZH-CN">JavaScript</font><font
FACE="System,黑体" LANG="ZH-CN">的全部,当</font><font FACE="宋体" LANG="ZH-CN">JavaScript<br>
</font><font FACE="System,黑体" LANG="ZH-CN">执行这些代码时,上述变量将被申报。但此时这些变量尚未<br>
做任何事,这是在该例主体中要完成的事。</p>
<p><a HREF="tutorial2_page3.html">该例的主体</a>。</font></td>
</tr>
<tr>
<td WIDTH="514" VALIGN="TOP" BGCOLOR="#ffffff"><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><a
HREF="tutorial2_page12.html"><font FACE="System,黑体" LANG="ZH-CN">复习</font></a><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2"> </font></td>
</tr>
<tr>
<td WIDTH="514" 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 + -