js事件入门（1）

1.事件相关概念

1.1 什么是事件？

事件是用户在访问页面时执行的操作，也就是用户访问页面时的行为。当浏览器探测到一个事件时，比如鼠标点击或者按键。它可以触发与这个事件相关的JavaScript对象（函数），这些对象称为事件处理程序。

1.2 事件函数绑定

上面说到了，当浏览器检测到一个事件时，会触发相关的JavaScript对象(函数)，这里的对象就是我们说的事件处理程序，或者叫作事件处理函数。不是每个事件都有对应的事件处理程序，要让某个事件触发后做出相应的处理，所以需要把事件和事件处理程序绑定。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			window.onload = function(){
				//获取到按钮对象
				var oBtn = document.getElementById('btn');
				//oBtn的点击事件发生后，弹出一个1
				oBtn.onclick = function(){
					//这里弹出一个1就是事件发生后对应的操作
					alert(1);
				}
			}
		</script>
	</head>
	<body>
 	   <input id="btn" type="button" value="按钮"/>
	</body>
</html>

螺钉课堂视频课程地址：http://edu.nodeing.com

posted @ 2019-12-12 10:34  螺钉课堂Nodeing-com  阅读(196)  评论(0)  编辑  收藏  举报