一.什么是事件处理程序
当特定的操作发生时,就会发生事件。把事件处理程序关联到事件发生时要处理的代码上,就提供了在事件发生时捕获事件并执行相应代码的方式。就像设置闹钟,当某个事件发生时,触动事件处理程序。
二.格式:on+要处理的事件
三.方式
1. 通过html属性处理事件
将事件处理程序添加到捕获了该事件的元素对象的开始标记上。
eg:
<html>
<head></head>
<body>
<a href="xxx.html" name="linkPage" οnclick="alert('You Click?')">Click me</a>
</body>
</html>
如果处理程序为一个函数,则在onclick中调用它。
eg:
<html>
<head>
<script type="text/javascript">
function linkSomePage_onclick()
{
alert("You Click?");
return true;
}
</head>
<body>
<a href="xxx.html" name="linkPage" οnclick="linkSomePage_onclick()")">Click me</a>
</body>
</html>
2.通过对象属性处理
这种方法首先要定义事件发生时需要执行的函数,然后把对象的事件处理程序属性设置为前面定义的函数。
eg:
<html>
<head>
<script type="text/javascript">
function linkSomePage_onclick()
{
alert("You Click?");
return true;
}
</head>
<body>
<a href="xxx.html" name="linkPage">Click me</a>
<script type="text/javascript">
window.document.links[0].οnclick=linkSomePage_onclick;
</script>
</body>
</html>
注意:函数名后面没有添加括号。