webapis_05_事件基础

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>事件基础</title>
	</head>
	<body>
		<button id = 'btn'>唐伯虎</button>
		<script>
			//例子:点击一个按钮,弹出对话框
			//1.事件是由三部分组成的  事件源 事件类型  事件处理程序。称为事件三要素
			//(1)事件源:是事件被触发的对象,表示谁被触发了  此处对象是按钮
			var btn = document.getElementById('btn');
			//(2)事件类型: 表示如何触发 通过什么事件被触发 例如:鼠标点击(onclick)还是鼠标经过
			//(3)事件处理程序 通过一个函数赋值的方式  完成某种功能
			btn.onclick = function(){
				alert('点秋香');
			}
		</script>
	</body>
</html>




<!-- 事件概述
JS是开发者可以开发动态页面,而事件是可以被JS侦测到的行为
简单理解: 就是触发...响应机制

网页中的每个元素都可以产生某些触发JS的事件,例如:点击某个
按钮之后产生这个事件,之后去执行某些操作 -->

猜你喜欢

转载自blog.csdn.net/weixin_44079801/article/details/106967768
今日推荐