JavaScript(十六)事件

    xiaoxiao2022-07-03  113

    第一种派发事件: 

    <!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>

     

    最新回复(0)