📄 day2_2.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"><strong><small><small><br>
</small></small><font face="宋体" size="3">第二页:变量介绍</font></strong> <p><font
face="宋体" size="3">如果你学过代数,你一定见过变量。如果没学过也不要紧。变<br>
量是JavaScript存储信息的简单方式。例如,当你写:</font></p>
<p><font face="宋体" size="3">"x=2," "x"是一个变量,它存储值为2。如果而后你又说"y=x+3,"<br>
"y"将具有值“5”</font></p>
<p><font face="宋体" size="3">这里是一个使用变量的JavaScript例子。</font></p>
<p><font face="宋体" size="3"><b>在本例中我们一步一步浏览源码</b>
你将看到: </font></p>
<blockquote>
<pre><font face="宋体" size="3"><script language="JavaScript">
<!-- hide me
</font></pre>
</blockquote>
<p><font face="宋体" size="3">开始的这两行我们已经见过。这是任何JavaScript程序都必须<br>
的序曲。</font></p>
<blockquote>
<pre><font face="宋体" size="3">// load up some variables
var secs_per_min = 60;
var mins_per_hour = 60;
var hours_per_day = 24;
var days_per_year = 365;
</font></pre>
</blockquote>
<p><font face="宋体" size="3">第一行是一个注释。含义很明确。</font></p>
<p><font face="宋体" size="3">下几行是变量申明,有几样事情需注意:</font></p>
<p><font face="宋体" size="3">当首次用一变量时,应以“var”申明。</font>
<dl>
<dd><font face="宋体" size="3">尽管以var
作为变量申明严格说并不必要,但这是一个好<br>
习惯。当我们讨论接下来的两课时,我们将知道为什么。</font></dd>
<dt> </dt>
</dl>
<p><font face="宋体" size="3">变量必须以字母或强调性字符起始。</font> <dl>
<dd><font face="宋体" size="3">第一个字符后,变量须有数字。因此<tt>monkey_23即是合法的<br>
变量名。</tt></font></dd>
</dl>
<p><font face="宋体" size="3">变量名多数是大小写敏感的,但对不同版本的JavaScript也不<br>
尽然。</font> <dl>
<dd><font face="宋体"><font size="3">这意味着变量<tt>Loop</tt>和<tt>loop</font><font
size="4">在有些浏览器中是不同的。一般<br>
情况下,建议坚持使用一种命名习惯并保持不变。我本人<br>
习惯使用变量间加下划线。其他人有喜欢变量间首字大<br>
写的,如</font><font size="3">secsPerMin</tt>。</font></font></dd>
</dl>
<p><font face="宋体" size="3">变量应描述其目的。</font> <dl>
<dd><font face="宋体" size="3">象 <tt>x</tt>, <tt>y</tt>, 或<tt>hack_hack_hack对想要了解你的语言的人来<br>
说没有什么用。别使变量名太长以致敲起来费劲,但要长<br>
到有一定的描述力。</tt></font></dd>
</dl>
<p><font face="宋体" size="3">在定义变量时就可赋于其一个值,也可今后在给出。</font>
<dl>
<dd><font face="宋体" size="3">在该例中每个变量开始定义时就被赋于了值。不一定非<br>
如此,今后的例子中我们将看到即使我们不知道其值,我<br>
们也可很好的定义它。</font></dd>
<dt> </dt>
<dt><font face="宋体" size="3">语句以半括弧结束。 </font></dt>
<dd><font face="宋体" size="3">语句是JavaScript的表达句,半括弧是结束标志。空格和<br>
空行是可被JavaScript编译器忽略的,他们仅是为人们读<br>
起来方便,该例可被写成长长的一行,但即使加上注释,<br>
看起来也会极其吃力。</font> <p><font face="宋体" size="3">结束前我要提一下有时半括弧是不必须的,你可能也注意<br>
到有的人编的语句没有半括弧作为结束。但加上它是个好<br>
习惯,这不仅是由于你的程序的可读性会好的多,这也可<br>
减少空行,这些空行会塞满你的程序Webmonkey的习惯是<br>
在每一语句后加上半括弧作为结束。</font></p>
</dd>
</dl>
<p><font face="宋体" size="3">// do some calculations<br>
<br>
var secs_per_day = secs_per_min * mins_per_hour * hours_per_day;<br>
<br>
var secs_per_year = secs_per_day * days_per_year;<br>
<br>
</font></p>
<p><font face="宋体" size="3">这里我们看到了一些基本的算术。每当JavaScript执行了该<br>
语句,变量<tt>secs_per_year</tt>将是无论得到的什么数乘以60, 60,<br>
24, 和 365。以后,无论何时遇到<tt>变量</font><font face="宋体" size="4">secs_per_year,</font><font
face="宋体" size="3">它<br>
将以这些巨大的数字替代。</font></tt></p>
<blockquote>
<pre><font face="宋体" size="3">// end hiding -->
</script>
</font></pre>
</blockquote>
<p><font face="宋体" size="3">这里没什么新鲜的,是一个JavaScript片的结束。</font></p>
<p><font face="宋体" size="3">这是该例中头文件中JavaScript的全部,当JavaScript执行这<br>
些代码时,上述变量将被定义。但此时这些变量尚未做任何<br>
事,这是在该例主体中要完成的事。<a href="day2_3.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day2_3.html">>></a></font></p>
<p align="left"><font face="宋体" size="3" color="#000000"><strong>JavaScript教程</strong></font><font
color="#FF0000" face="宋体" size="3"><br>
</font><font face="宋体" size="3"><font color="#FF0000">第一页</font>:<a
href="day2_2.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day2_2.html">第二天课程简介</a><br>
<font color="#FF0000">第二页</font>:变量介绍<br>
<font color="#FF0000">第三页</font>:<a href="day2_3.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day2_3.html">首个变量例子的程序主体</a><br>
<font color="#FF0000">第四页</font>:<a href="day2_4.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day2_4.html">字符串的魔力</a><br>
<font color="#FF0000">第五页</font>:<a href="day2_5.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day2_5.html">变量练习</a><br>
<font color="#FF0000">第六页</font>:<a href="day2_6.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day2_6.html">if-then子句</a><br>
<font color="#FF0000">第七页</font>:<a href="day2_7.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day2_7.html">if-then语句的例子</a><br>
<font color="#FF0000">第八页</font>:<a href="day2_8.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day2_8.html">if-then练习</a><br>
<font color="#FF0000">第九页</font>:<a href="day2_9.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day2_9.html">链结事件</a><br>
<font color="#FF0000">第十页</font>:<a href="day2_10.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day2_10.html">图片交换</a><br>
<font color="#FF0000">第十一页</font>:<a href="day2_11.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day2_11.html">练习2</a><br>
<font color="#FF0000">第十二页</font>:<a href="day2_12.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day2_12.html">复习</a></font></p>
<p align="left"><font face="宋体" size="3">[<a href="index.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/index.html">第1课</a>][第2课][<a
href="day3_1.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day3_1.html">第3课</a>][<a href="day4_1.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day4_1.html">第4课</a>][<a href="day5_1.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day5_1.html">第5课</a>]</font></p>
<hr align="left">
<p><font size="2">本文由<a href="javascript:if(confirm('http://chd.126.com/ \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://chd.126.com/'" tppabs="http://chd.126.com/" target="_blank">《</font><font
face="verdana, arial, geneva, sans-serif" size="2">CHD</font><font size="2">的网络教室》</a>根据<a
href="javascript:if(confirm('http://www.webmonkey.com.cn/ \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://www.webmonkey.com.cn/'" tppabs="http://www.webmonkey.com.cn/" target="_blank">《网猴》</a>相关文章改编,版权归<a
href="javascript:if(confirm('http://www.webmonkey.com.cn/ \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://www.webmonkey.com.cn/'" tppabs="http://www.webmonkey.com.cn/" target="_blank">《网猴》</a>所有</font></td>
</tr>
</table>
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -