为button对象添加点击事件的两种方法中,为什么一个使用onclick，而另一个却使用click呢?

Question

 <button id="btn">按钮</button>

 可以使用下面的两种方法为button对象添加点击事件:

 方法1：
  var btn = document.getElementById("btn");
  btn.onclick = function(){
      alert("HelloWorld");
  }

方法2：
  function hello() {
      alert('addEventListener()方法');
  }

  var btn = document.getElementById('btn');
  btn.addEventListener('click', hello, false);

这两种方法为button对象添加点击事件时,为什么一个用的是onclick，而另一个用的却是click呢?

Answer 1

click是一个方法，onclick是一个事件。
1.事件名前一般都以on开头；
2.方法是程序员写语句直接调用，即显示调用；【可以触发onclick事件】　　3.事件不需程序员调用，但是，必须由程序员写一个函数且将该函数赋值给相应的事件，其调用是在相应的事件触发时。【告诉浏览器在鼠标点击时候要做什么】所以调用顺序是：首先方法其次事件。