事件处理程序可以是人任意的javascript语句,但是通常使用特定的自定义函数function来对事件进行处理。在使用事件处理程序对页面进行操作时,最主要的是如何通过对象的是事件来指定事件处理程序,指定方式主要有以下两种:
在html中
在html中分配事件处理程序,只需要在html标签中添加相应的事件,并在其中指定要执行的代码或是函数名即可。
指定执行的代码示例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>示例</title>
</head>
<body>
<input name="bt_save" type="button" value="保存" onclick="alert('单击了保存按钮')" />
</body>
</html>
单击保存按钮之后,结果如下:
指定函数名示例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>示例</title>
</head>
<body>
<input id="bt_save" type="button" value="保存" onclick="check()"/>
<script language="JavaScript">
function check(){
alert("单击了保存按钮");
}
</script>
</body>
</html>
运行结果如下:
在javascript中
在javascript中调用事件处理程序,首先需要获得要处理对象的引用,然后将要执行的处理函数赋值给对应的事件。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>示例</title>
</head>
<body>
<input id="bt_save" type="button" value="保存" />
<script language="JavaScript">
var b_save=document.getElementById("bt_save");
b_save.onclick=function(){
alert("单击了保存按钮");
}
</script>
</body>
</html>
运行结果如下:
在这种方法中,一定要把<input>标签放到javascript代码上面,否则会出现错误。