javascript事件处理程序的调用

最新推荐文章于 2024-04-25 20:29:33 发布

Skye Lin

最新推荐文章于 2024-04-25 20:29:33 发布

阅读量2.5k

点赞数 2

分类专栏： Java Web

本文链接：https://blog.csdn.net/skye_95/article/details/81153499

版权

Java Web 专栏收录该内容

27 篇文章 1 订阅

订阅专栏

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

Skye Lin

关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
javascript事件处理程序的调用

事件处理程序可以是人任意的javascript语句，但是通常使用特定的自定义函数function来对事件进行处理。在使用事件处理程序对页面进行操作时，最主要的是如何通过对象的是事件来指定事件处理程序，指定方式主要有以下两种：在html中在html中分配事件处理程序，只需要在html标签中添加相应的事件，并在其中指定要执行的代码或是函数名即可。指定执行的代码示例如下：&lt;!DO...
复制链接

扫一扫