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>
也是先创建标签,再使用 .事件类型=方法 的格式添加事件。