080|认识事件和事件类型

最新推荐文章于 2024-05-27 22:31:06 发布

Asteroid 325

最新推荐文章于 2024-05-27 22:31:06 发布

阅读量186

点赞数

本文链接：https://blog.csdn.net/weixin_43846020/article/details/108030277

版权

JS 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

什么是事件

在这里插入图片描述

事件绑定方式（内联模型，脚本模型）

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>080认识事件和事件类型</title>
		<script>
			/*
			  绑定事件
			    1.内联模式
				2.外联模式/脚本模式(最多)
				
			  绑定事件格式
			     元素节点.on+事件类型=匿名函数
				 
				 click 事件类型
				 onclick  事件处理的函数
			*/
		   function btnClick(){
			   alert("内联模式");
		   }
		   
		   window.onload=function(){
			   var oBtn=document.getElementById("btn1");
			   oBtn.onclick=function(){
				   alert("外联模式");
			   }
			   
			}
		</script>
	</head>
	<body>
		<button onclick="btnClick();">内联模式</button>
		<button id="btn1">外联模式</button>
	</body>
</html>