📄 day2_9.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">一旦用户点击一个链结，或将鼠标移到其上，JavaScript发送<br>
一个<strong>链结事件。</strong>一种链结事件叫做<tt>onClick</tt>,
当用户点击它时才<br>
发送。另一种叫<tt>onMouseOver</tt>，用户将鼠标移到上面时即发送。</font></p>
<p><font face="宋体" size="3">你可用这些事件来影响用户所见。这里是一个<a
href="#"
onClick="open('http://www.hotwired.com/webmonkey/98/03/link_event_example.html','links','height=200,width=200,menubar,resizeable');">如何使用链结事<br>
件的例子</a>，试一试，再瞧瞧源码，然后我们来一行一行的复习。</font></p>
<p><font face="宋体"><font size="3">第一个有趣的事情是没有<tt><script></tt>
标签。这是因为出现在<br>
<tt>onClick</tt> 和 <tt>onMouseOver</font><font size="4">引号中的任何事度是可为</font></tt><font
size="3">JavaScripts<br>
编译的。事实上句末前的半括号内允许你将JavaScripts写成<br>
一行，你可将整个JavaScripts程序放在一个<tt>onClick</tt>的引号<br>
内，但看上去会很难看。</font></font></p>
<p><font face="宋体" size="3">请看第一行：</font></p>
<p><font face="宋体" size="3"><a href="#" onClick="alert('Ooo, do it
again!');">Click on me!</a><br>
<br>
</font></p>
<p><font face="宋体"><font size="3">这就象一个正式的定位标签，但它具有神奇的<tt>onClick=""</font><font
size="4">这即<br>
说“当某人点击该链结时运行该引号中的</font></tt><font size="3">JavaScripts”注意<br>
在alert后有一有一中止性的半括号。</font></font></p>
<p><font face="宋体" size="3">也请注意在<tt>href=""</tt>的引号中没有东西，这表明虽然有链结，但<br>
当你点击时那儿也去不了。</font></p>
<p><font face="宋体" size="3">下一行是：</font></p>
<p><font face="宋体" size="3"><br>
<a href="#" onMouseOver="alert('Hee hee!');">Mouse over
me!</a><br>
<br>
</font></p>
<p><font face="宋体" size="3">这就象第一行，只是用<tt>onMouseOver</tt>代替<tt>onClick。</tt></font></p>
<p><font face="宋体" size="3">现在我们学完了链结事件，请进入奇妙的<a
href="day2_10.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day2_10.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_9.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day2_9.html">第二天课程简介</a><br>
<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>：<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>：链结事件<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 + -