什么是HTML事件句柄？（Event Handler）

我自己的理解来说的话：
我们经常需要处理下面的场景：当某个事件发生的时候 Web浏览器会自动调用什么东西 然后自动作出反应。
由于客户端KS事件是由HTML对象引发的 因此事件句柄并定义为这些对象的属性
干！这特么也太抽象了吧？
想了一下 是翻译的锅，好端端的event handler非要翻译成句柄这种狗屁不通的东西。
也就是说 其实就是当某件事情发生，我们自己定义的JS操作。

比如说下面这个输入表单：

<input type="checkbox" name="options" value="giftwrap" οnclick="giftwrap=this.checked;">

Input有四个属性（其中只有onclick是event handler） 我们感兴趣的是onclick,代表点击了之后会发生什么。这个属性值是一个字符串 其中要包含一个或者多个JS语句，如果有多条语句的话 需要用分号将每条语句隔开。
虽然我们可以在这里面加入任意多条JS语句 但是 这样会造成HTML和JS的严重混杂 这显然不是我们想要看到的。所以我们常用：使用事件句柄属性来调用在

如何做到HTML和JS文件的完全分离呢？
就是说 我想把这两个文件完全分开，就是说JS开发者要求我们的内容（HTML）和行为（JS）完全分离。根据这种JS编程风格 所有的JS代码都应该放到一个外部文件中，通过HTML的< script> tag的src属性来引用该文件。