?? tutorial2_page9.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">9</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">鏈結(jié)事件</font><font FACE="宋體"
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></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">一旦用戶點擊一個鏈結(jié)，或?qū)⑹髽?biāo)移到其上，<br>
</font><font FACE="宋體" LANG="ZH-CN" SIZE="2">JavaScript</font><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2">發(fā)送一個<strong>鏈結(jié)事件。</strong>一種鏈結(jié)事件叫做<br>
</font><tt>onClick</tt><font FACE="宋體" LANG="ZH-CN" SIZE="2">, </font><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2">當(dāng)用戶點擊它時才發(fā)送。另一種叫</font><tt>onMouseOver</tt><font
FACE="宋體" LANG="ZH-CN" SIZE="2">. <br>
</font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2">用戶將鼠標(biāo)移到上面時即發(fā)送。<p>你可用這些事件來影響用戶所見。這里是一個<a
HREF="#"><b>錯誤！超級鏈接引用無效。</b></a><br>
<a HREF="#"><b>錯誤！超級鏈接引用無效。</b></a>，試一試，再瞧瞧源碼，然后<br>
我們來一行一行的復(fù)習(xí)。</p>
<p>第一個有趣的事情是沒有</font><tt><script></tt><font FACE="宋體"
LANG="ZH-CN" SIZE="2"> </font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2">標(biāo)簽。這是因為<br>
出現(xiàn)在</font><font FACE="宋體" LANG="ZH-CN" SIZE="2"> </font><tt>onClick</tt><font
FACE="宋體" LANG="ZH-CN" SIZE="2"> </font><font FACE="System,黑體" LANG="ZH-CN"
SIZE="2">和</font><font FACE="宋體" LANG="ZH-CN" SIZE="2"> </font><tt>onMouseOver<font
FACE="System,黑體" LANG="ZH-CN">引號中的任何事度<br>
是可為</font></tt><font FACE="宋體" LANG="ZH-CN" SIZE="2">JavaScripts</font><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2">編譯的。事實上句末前的半括號<br>
內(nèi)允許你將</font><font FACE="宋體" LANG="ZH-CN" SIZE="2">JavaScripts</font><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2">寫成一行，你可將整個<br>
</font><font FACE="宋體" LANG="ZH-CN" SIZE="2">JavaScripts</font><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2">程序放在一個</font><tt>onClick</tt><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2">的引號內(nèi)，但<br>
看上去會很難看。</p>
<p>請看第一行：</font></td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="TOP" BGCOLOR="#ffffff"><pre>
<a href="#" onClick="alert('Ooo, do it again!');">Click on me!</a>
</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">這就象一個正式的定位標(biāo)簽，但它具有神奇的</font><tt>onClick=""<br>
<font FACE="System,黑體" LANG="ZH-CN">這即說“當(dāng)某人點擊該鏈結(jié)時運行該引號中的</font></tt><font
FACE="宋體" LANG="ZH-CN" SIZE="2">JavaScripts</font><font FACE="System,黑體"
LANG="ZH-CN" SIZE="2">”<br>
注意在</font><font FACE="宋體" LANG="ZH-CN" SIZE="2">alert</font><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2">后有一有一中止性的半括號。<p>也請注意在</font><tt>href=""</tt><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2">的引號中沒有東西，這表明雖然有<br>
鏈結(jié)，但當(dāng)你點擊時那兒也去不了。</p>
<p>下一行是：</font></td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="TOP" BGCOLOR="#ffffff"><pre>
<a href="#" onMouseOver="alert('Hee hee!');">Mouse over me!</a>
</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><tt>onMouseOver</tt><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2">代替</font><tt>onClick<font
FACE="System,黑體" LANG="ZH-CN">。</font></tt><font FACE="System,黑體" LANG="ZH-CN"
SIZE="2"><p>現(xiàn)在我們學(xué)完了鏈結(jié)事件，請進入奇妙的<a
HREF="tutorial2_page10.html">圖片交替！</a></font><font FACE="宋體" LANG="ZH-CN"
SIZE="2"> </font></td>
</tr>
<tr>
<td WIDTH="68%" 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">變量練習(xí)</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>
FACE="宋體" LANG="ZH-CN">: <a HREF="tutorial2_page8.html">if-then </font><font
FACE="System,黑體" LANG="ZH-CN">練習(xí)</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">鏈結(jié)事件</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">練習(xí)</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">復(fù)習(xí)</a></font></td>
</tr>
<tr>
<td WIDTH="68%" VALIGN="MIDDLE"></td>
</tr>
</table>
<font FACE="System,黑體" LANG="ZH-CN">
<p> </p>
</font>
</body>
</html>
?? 快捷鍵說明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -