HTML添加事件方式

HTML添加事件有三种方式;这里以添加 onclick 事件为例;

第一种

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function t(){
				console.log("时间煮雨");
			}
		</script>
	</head>
	<body>
		<span onclick="t()">时间煮雨</span>
	</body>
</html>

创建好 t() 方法,直接在标签内直接添加 onclick 事件并调用 t() 方法;

第二种

<span id="time" >时间在煮雨</span>
<script >
	document.getElementById("time").addEventListener("click",function(){
	console.log("时间在煮雨");	
	});
</script>

先创建标签,再使用addEventListener方法向其中添加事件,前一个参数为事件的类型(这里是click),后一个参数是触发事件调用的方法;

第三种

<span id="t" >时间依旧煮雨</span>
<script>
	document.getElementById("t").onclick=function(){
	console.log("时间依旧煮雨");	
	}
</script>	

也是先创建标签,再使用 .事件类型=方法 的格式添加事件。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值