添加（绑定）事件方式1：通过HTML标签事件属性（不建议使用)
方式2：通过JS代码：先获取需要绑定事件的元素，给事件属性赋值一个匿名函数（建议使用）
// 方式3：通过addEventListener()方法给元素添加事件（推荐的方法）
// 第一个参数是事件的名称，注意不加on
// 第二个参数是事件的执行逻辑所对应的函数
// 第三个参数布尔值，默认值是false
// fun1(); // 报错：函数表达式没有变量提升
// fun2();
// 函数表达式：没有变量提升
// 普通的函数
// 移除事件监听
// 绑定事件属性和addEventListener()有何区别？
// ===1、onclick添加事件不能绑定多个事件，后面绑定的会覆盖前面的。
// 2、addEventListener方式，不支持低版本IE。
// 3、普通方式绑定事件后，不可以取消；addEventListener绑定后，可以用removeEvenListener 取消
// 事件属性能绑定多次事件，但最后一次会把前面的覆盖。
// 而事件监听能绑定多次事件，每一个事件都是独立的，不会覆盖。
// 失去焦点时事件执行。
// event事件句柄，是连接用户和操作元素之间的纽带。
// change更改了文本，并且焦点离开事件执行。
// input更改了文本时事件执行。
// 图片加载失败或页面出错时事件执行。
// var abc = document.getElementById("abc");
// abc.addEventListener("error", function () {
// alert("图片路径错误，加载失败")
// })
// 元素获取焦点时事件执行。
keydown// 键盘按下某个键时事件执行。执行一次。
keypress按下某键不松时事件执行。 一直执行，执行多次。
keyup按下某键并松开时事件执行。执行一次。
mousedown"鼠标按下时事件执行。
mouseup 鼠标松开时事件执行。
mousemove // 鼠标移动时事件执行。
// window.onload保证当前文档完全加载完成之后，再去执行业务逻辑
// 文档中有大量的视频，图片，文档会一直阻塞
