1.HTML事件
HTML事件可以是浏览器或用户做的某些事情。HTML网页完成加载；HTML输入字段被修改；HTML按钮被点击。
通常，当事件发生时，用户会希望做某件事。JavaScript允许您在事件被侦测到时执行代码。通过JavaScript代码，HTML允许您向HTML元素添加事件处理程序。
使用单引号：<element event='一些 JavaScript'>
使用双引号：<element event="一些 JavaScript">
2.常用案例
（1）JavaScript代码改变了id="demo"的元素的内容。
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 事件</h1>
<button onclick="document.getElementById('demo').innerHTML=Date()">时间是？</button>
<p id="demo"></p>
</body>
</html>
（2）代码（使用 this.innerHTML）改变了其自身元素的内容：
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 事件</h1>
<button onclick="this.innerHTML=Date()">时间是？</button>
</body>
</html>
（3）事件属性调用函数更为常见：
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 事件</h1>
<p>点击按钮来显示日期。</p>
<button onclick="displayDate()">时间是？</button>
<script>
function displayDate() {
document.getElementById("demo").innerHTML = Date();
}
</script>
<p id="demo"></p>
</body>
</html>
3.常见的HTML事件
| 事件 | 描述 |
|---|---|
| onchange | HTML 元素已被改变 |
| onclick | 用户点击了 HTML 元素 |
| onmouseover | 用户把鼠标移动到 HTML 元素上 |
| onmouseout | 用户把鼠标移开 HTML 元素 |
| onkeydown | 用户按下键盘按键 |
| onload | 浏览器已经完成页面加载 |