📄 jsjc7.htm
字号:
<html>
<head>
<title>洪恩在线 - JavaScript教程</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="/pub/css/home.css">
<link rel="stylesheet" href="/pc/homepage/homepage.css">
<meta name="keywords" content="电脑乐园,电脑,乐园,交互教程,交互,教程,教育,JavaScript,网页制作">
</head>
<body bgcolor="white" text="black" topmargin="10" leftmargin="0" marginwidth="0" marginheight="10">
<!--顶部开始-->
<script language="JavaScript" src="/pub/js/head.js"></script>
<!--顶部结束-->
<table width="760" height="20" border=0 cellspacing="0" cellpadding="0" align="center">
<tr>
<td height=20 class="p1" bgcolor="#E8E8E8" align="left"><img src="/pc/img/blank.gif" width="12" height="8"><font color="#FF9966">当前位置</font>：<a href="/default.htm" class="under">洪恩在线</a>
-> <a href="/pc/index.htm" class="under">电脑乐园</a> -> JavaScript教程</td>
</tr>
</table>
<table width="760" border=0 cellspacing="0" cellpadding="0" align="center">
<tr>
<td height="15"></td>
</tr>
</table>
<table width="760" cellspacing="0" border=0 cellpadding="0" align="center">
<tr>
<td width="161" valign="top" bgcolor="#E8E8E8" align="left" style="color:blue" class="p1" height="123">
<br>
<table width="145" border="0" cellspacing="0" cellpadding="0" bordercolor="#F8AC0E" height="20">
<tr bgcolor="000099" valign="middle">
<td width="115" align="center" class="p2"> <font color="#FFFFFF"><b>JavaScript</b></font></td>
<td height="20" bgcolor="#E8E8E8" width="13"><img src="/pc/img/title_00.gif" width="13" height="20"></td>
<td height="20" bgcolor="#E8E8E8" width="17"> </td>
</tr>
</table>
<br>
<br>
<p class="p1" style="line-height:16pt" align="left"> <a href="jsjc1.htm">1.JS简介及特点</a><br>
<a href="jsjc2.htm">2.JS与Java的区别</a><br>
<a href="jsjc3.htm">3.JS的运行环境</a><br>
<a href="jsjc4.htm">4.JS的数据类型和变量</a><br>
<a href="jsjc5.htm">5.JS的语句及语法</a><br>
<a href="jsjc6.htm">6.JS的对象及其属性和方法</a><br>
<font color="#336600">7.JS的事件处理</font> </p>
<p class="p1" style="line-height:16pt" align="left"> </p>
<br>
<p></p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td>
<table width="90%" border="0" cellspacing="0" cellpadding="0" style="line-height:16pt" >
<tr bgcolor="000099">
<td height="27" class=p2 align="center"><font color="#FFFFFF"><b>实例讲解</b></font></td>
</tr>
<tr>
<td class=p1>
<p><br>
<br>
<a href="../index.htm#１">日期时间效果</a><br>
</p>
</td>
</tr>
<tr>
<td class=p1> <a href="../index.htm#2">图片文字效果</a><br>
</td>
</tr>
<tr>
<td class=p1> <a href="../index.htm#3">窗口页面效果</a><br>
</td>
</tr>
<tr>
<td class=p1> <a href="../index.htm#4">鼠标效果</a><br>
</td>
</tr>
<tr>
<td class=p1> <a href="../index.htm#5">菜单及状态栏效果</a><br>
</td>
</tr>
<tr>
<td class=p1> <a href="../index.htm#6">其它</a></td>
</tr>
</table>
</td>
</tr>
</table>
<br><br>
<p align="center" class=p1> <a href=/pc/bin/msg.pl?file_id=k_javascript01 target="_blank"><img src="/pc/img/message.gif" width="64" height="54" alt="请您留言" border="0"><br> 谈谈您的看法</a>
<br>
<script language="JavaScript">
speak_num="za"
</script>
<script language="JavaScript" src=/pc/var/pc_k_javascript01.js>
</script>
<script language="JavaScript">
var num=0
if (!isNaN(speak_num)){
num=speak_num;
}
else{
num=0
}
document.writeln ("已有")
document.writeln (num)
document.writeln ("条发言")
</script>
</p>
<p class="p1" style="line-height:17pt" align="left"> </p>
</td>
<td width=1 bgcolor=#0586D7 height="123"><img src="/pc/img/blank.gif" width="1" height="1">
</td>
<td width=12>
<p> </p>
</td>
<td valign="top" width="579" height="123" class="p2" align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td height="85">
<table width="579" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width=464> </td>
<td align="left" width="115"><img src="img/logo5.gif" width="87" height="28"></td>
</tr>
</table>
<table width="550" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20" valign="top" align="right"><img src="img/logo1.gif" width="15" height="40"></td>
<td width="96" valign="bottom"><img src="img/logo2.gif" width="96" height="32"></td>
<td width="225" height="59" background="img/logo37.gif" valign="middle" align="center">
</td>
<td width=209><img src="img/logo4.gif" width="148" height="59"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<hr color=#000000 size=2>
</td>
</tr>
<tr>
<td background="/pc/img/line.gif">
<p class="p2"> </p>
<p class="p2"><font color="#000000"> 事件是浏览器响应用户交互操作的一种机制，JavaScript的事件处理机制可以改变浏览器响应用户操作的方式，这样就开发出具有交互性，并易于使用的网页。</font></p>
<p class="p2"><font color="#000000"> 浏览器为了响应某个事件而进行的处理过程，叫做事件处理。
</font></p>
<p class="p2"><font color="#000000"> 事件定义了用户与页面交互时产生的各种操作，例如单击超级连接或按钮时，就产生一个单击（click）操作事件。浏览器在程序运行的大部分时间都等待交互事件的发生，并在事件发生时，自动调用事件处理函数，完成事件处理过程。
</font></p>
<p class="p2"><font color="#000000"> 事件不仅可以在用户交互过程中产生，而且浏览器自己的一些动作也可以产生事件，例：当载入一个页面时，就会发生load事件，卸载一个页面时，就会发生unload事件等。</font></p>
<p class="p2"><font color="#000000"> 归纳起来，必需使用的事件有三大类：<br>
1.引起页面之间跳转的事件，主要是超连接事件。 <br>
2.事件浏览器自己引起的事件。<br>
3.事件在表单内部同界面对象的交互。 </font></p>
<p class="p2"><font color="#000000"> 各种JavaScript的事件可点<a href="http://netgo.silversand.net/js/js/events.html">这里</a>参考。</font></p>
<p style="line-height:17pt" align="left"> </p>
<p align="right"><a href="jsjc6.htm">上一节</a> </p>
<p> </p>
<p align="center" class=p2><a href=/pc/bin/msg.pl?file_id=k_javascript01 target="_blank"><img src="/pc/img/message.gif" width="64" height="54" alt="请您留言" border="0"><br>
谈谈您的看法</a>
<script language="JavaScript">
speak_num="za"
</script>
<script language="JavaScript" src=/pc/var/pc_k_javascript01.js>
</script>
<script language="JavaScript">
var num=0
if (!isNaN(speak_num)){
num=speak_num;
}
else{
num=0
}
document.writeln ("已有")
document.writeln (num)
document.writeln ("条发言")
</script>
</p>
<p> </p>
</td>
</tr>
</table>
</td>
<td width=15>
<p> </p>
</td>
</tr>
</table>
<!--底部开始-->
<script language="JavaScript" src="/pub/js/foot.js"></script>
<!--底部结束-->
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -