第一种派发事件:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<button id="btn1">葵花点穴手</button>
</body>
</html>
<script>
// 获取元素对象
let but=document.getElementById('btn1');
// 给对象派发点击事件
but.onclick=function () {
console.log("点我干嘛!!")
}
</script>
页面的加载机制:是从上往下加载,所有把script写在最后,若写在head里,当获取id为“btn1"的时候,元素还未加载,报错找不到
第二种派发事件:利用onclick属性
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
<script>
function showBigZhao(){
console.log("没事点我干嘛!!!");
}
</script>
</head>
<body>
<button id="btn1" onclick="showBigZhao()">葵花点穴手</button>
</body>
</html>