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