HTML DOM允许JavaScript为HTML事件做出反应：
招架
JavaScript可以在事件发生时，当用户点击某个HTML元素像被执行。
当用户点击一个元素上执行代码，添加JavaScript代码的HTML事件属性：
onclick=JavaScript
HTML事件的例子：
- 当用户点击鼠标
- 当网页加载
- 当一个图像已被加载
- 当鼠标移过一个元素
- 当一个输入字段被改变
- 当HTML表单提交
- 当用户笔画的一个关键
在这个例子中，内容<h1>当用户点击它元件被改变：
例
<!DOCTYPE html>
<html>
<body>
<h1 onclick="this.innerHTML='Ooops!'">Click on this text!</h1>
</body>
</html>
试一试» 在这个例子中，一个功能是从事件处理程序调用：
例
<!DOCTYPE html>
<html>
<body>
<h1 onclick="changeText(this)">Click on this text!</h1>
<script>
function changeText(id) {
id.innerHTML = "Ooops!";
}
</script>
</body>
</html>
试一试» HTML事件属性
要指定事件HTML元素，你可以使用事件属性。
在上面的例子中，一个名为功能displayDate点击按钮时，将被执行。
分配事件使用HTML DOM
在HTML DOM允许你指定事件使用JavaScript的HTML元素：
例
分配一个onclick事件到按钮元素：
<script>
document.getElementById("myBtn").onclick = displayDate;
</script>
试一试» 在上面的例子中，一个名为功能displayDate被分配到同一个HTML元素id="myBtn"
单击该按钮时，该功能将被执行。
在onload和onunload事件
在onload和onunload ，当用户进入或离开页面事件被触发。
在onload事件可以被用来检查访问者的浏览器类型和浏览器版本，并加载基于信息的网页的正确版本。
在onload和onunload事件可以用来处理饼干。
的onchange事件
所述onchange事件通常结合使用输入字段的验证。
下面是如何使用的一个例子onchange 。 该upperCase()当用户改变输入域的内容函数将被调用。
该onmouseover和onmouseout事件
该onmouseover和onmouseout事件可用于当用户将鼠标移动到触发功能，或出，一个HTML元素：
该onmousedown ， onmouseup和onclick事件
该onmousedown ， onmouseup和onclick事件是点击鼠标的所有部分。 首先点击鼠标按钮时， onmousedown被触发事件，那么，鼠标按钮被释放时，该onmouseup被触发的事件，最后，完成鼠标点击时， onclick触发事件。
更多示例
onmousedown事件和onmouseup
当用户按住鼠标按钮更改图像。
负载
显示在页面加载完成一个警告框。
的onfocus
改变输入栏的背景色，当它获得焦点。
鼠标事件
更改元素的颜色，当光标移动过去。
HTML DOM事件对象参考
对于所有的HTML DOM事件的列表，看看我们完整的HTML DOM事件对象参考 。