<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>事件的简介</title>
</head>
<body>
<!-- 这种写法，结构和行为耦合了，不推荐 -->
<!-- <button οnclick="alert('你点我干嘛？')">这里是一个按钮</button> -->
<!-- 为事件绑定一个处理函数 -->
<button id="btn">这是一个按钮</button>
</body>
<script type="text/javascript">
/*
事件就是用户和浏览器之间的交互行为：
拉动改变浏览器的窗口大小是事件、
关闭浏览器是事件、
鼠标滑动也是事件、
点击按钮也是事件、
... ...
我们可以在事件对应的属性中设置一些js代码，
这样当事件被触发时，这些代码将会执行
事件有很多，不止onclick，可以查手册，也可以上网查DOM Event
*/
//获取按钮对象
var btn = document.getElementById("btn");
/*
可以为按钮的对应事件绑定处理函数的形式来响应事件
这样当事件被触发时，其对应的函数将会被调用
*/
//绑定一个单击事件
//这个函数称为响应函数
btn.onclick = function(){
alert("啊啊啊啊，不要点！");
};
</script>
</html>