JavaScript笔记-DOM编程（三）-DOM事件绑定

DOM事件绑定

DOM事件绑定的级别可以理解为版本（标准）
DOM级别一共可以分为四个级别：DOM0级、DOM1级、DOM2级和DOM3级。
而DOM事件分为3个级别：DOM0级事件处理，DOM2级事件处理和DOM3级事件处理。
【DOM1级：没有关于事件绑定方面的内容（所以DOM事件不含1级）】

DOM0级事件之前，我们有必要了解一下HTML事件处理程序，也是最早的一种事件处理方式

  <button type="button" onclick="showFn()"></button>
  function showFn() {
      alert('Hello World');
  }

以上的代码，通过直接在行类绑定（直接在HTML代码里面定义了一个 onclick属性触发showfu这样的事件处理程序）最大的缺点就是HTML和JS耦合（对象之间的依赖性）太强，我们如果需要修改函数名就必须修改两个地方，优点是不需要操作DOM来完成事件的绑定。

DOM0级别事件绑定

DOM0级别：DOM最早版本的事件绑定方式，被所有浏览器兼容
用HTML绑定：(例：onclick)

<input type="button" id="btn" value="click me" onclic="show()"/>

JS绑定：

<input type="button" id="btn" value="click me" />
		<script type="text/javascript">
			document.getElementById("btn").onclick=show
			function show(){
    
				console.log("普通")
			}
		</script>

可以绑定匿名函数

<input type="button" id="btn" value="click me" />
		<script type="text/javascript">