<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button id = 'btn'>熏悟空/button>
<script>
//点击一个按钮,弹出对话框
//1.事件是由三部分组成的 事件源(谁) 事件类型(做什么) 事件处理程序(怎么做) 称为事件三要素 谁,做什么,怎么做
//一.事件源 时间被触发的对象 例子为 按钮
var btn = document.getElementById('btn');
//二.事件类型 如何触发 什么事件 如 鼠标点击(onclick) 鼠标经过 还是键盘按下 触发
//三.事件处理程序 通过一个函数赋值的方法 完成
btn.onclick = function(){
alert('三顾白骨洞');
}
</script>
</body>
</html>
事件是由三部分组成的 事件源(谁) 事件类型(做什么) 事件处理程序(怎么做) 称为事件三要素 谁,做什么,怎么做
一.事件源 时间被触发的对象 例子为 按钮
二.事件类型 如何触发 什么事件 如 鼠标点击(onclick) 鼠标经过 还是键盘按下 触发
三.事件处理程序 通过一个函数赋值的方法 完成