JS处理事件的两种方式
1。通过HTML属性处理事件，特点：直接、简单。
如：
<input type="button" value="直接输出信息按钮" onclick="alert('您单击了按钮，直接输出了信息！');">
2。通过JAVASCRIPT属性处理事件，特点：灵活性强，易于编
下面代码是整个例子：
<html>
<head>
<title></title>
</head>
<body>
<script language="javascript">
function printMessage(mess)
{
alert(mess);
}
function changeclickme()
{
document.form1.infoButton.onclick=function(){alert("现在是用JS改了的ONCLICK事件内容");}
}
</script>
<form name="form1">
<input type="button" name="infoButton" value="click me" onclick="alert('通过HTML属性来调用的');">
</form>
<script language="javascript">
//changeclickme();//当既有HTML的属性ONCLICK,后又月改变ONCLICK事件的JS代码时,后者将覆盖前者.另外,不会出现前者覆盖后者的情况,原因可自己思考
</script>
<h3>Example:作为HTML属性的事件处理器</h3>
<input type="button" value="直接输出信息按钮" onclick="alert('您单击了按钮，直接输出了信息！');">
<input type="button" value="通过函数输出信息按钮" onclick="printMessage('单击按钮后先调用函数,通过函数输出信息!');">
<input type="button" value="改变CLICK ME按钮的ONCLICK的事件调用方式" onclick="changeclickme();"
</body>
</html>
如对本文有疑问，请提交到交流论坛，广大热心网友会为你解答！！ 点击进入论坛
