事件三要素:
事件源:被监听的html元素(就是这个事件加给谁),就是某个(某些)html标签事件类型:某类动作,例如点击事件,移入移除事件,敲击键盘事件等执行指令:事件触发后需要执行的代码,一般使用函数进行封装 语法格式:事件源.事件类型=执行指令常用的事件 案例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>事件</title> <script> // 窗口 : window 对象提供了一个事件类型 onload 页面加载完成事件. // 事件源 : window 事件类型 : 页面加载完成事件 (onload) 执行指令: 就是赋值的 function 函数. window.onload = function () { // 获取页面的 btn 按钮 var btn = document.getElementById("btn"); // alert(btn); // 给 btn 按钮绑定一个事件 (单击事件 onclick) // 事件源 : btn按钮 事件类型 : 单击事件 (onclick) 执行指令: 就是赋值的 function 函数. btn.onclick = function () { alert("恭喜你, 中了 500 万!"); } } </script> </head> <body> <button id="btn">按钮</button> </body> </html>