javascript事件处理程序的调用

事件处理程序可以是人任意的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代码上面,否则会出现错误。

猜你喜欢

转载自blog.csdn.net/skye_95/article/details/81153499