HTML DOM 第五篇

通过 HTML DOM，JavaScript 能够访问 HTML 文档中的每个元素。

HTML DOM 允许您在事件发生时执行代码。

当 HTML 元素"有事情发生"时，浏览器就会生成事件：

• 在元素上点击
• 加载页面
• 改变输入字段

添加、删除和替换 HTML 元素

HTML DOM 允许 JavaScript 对 HTML 事件作出反应

当事件发生时，可以执行 JavaScript，比如当用户点击一个 HTML 元素时。

如需在用户点击某个元素时执行代码，请把 JavaScript 代码添加到 HTML 事件属性中：

onclick=JavaScript

HTML 事件的例子：

• 当用户点击鼠标时
• 当网页已加载时
• 当图片已加载时
• 当鼠标移动到元素上时
• 当输入字段被改变时
• 当 HTML 表单被提交时
• 当用户触发按键时

HTML DOM 允许您使用 JavaScript 向 HTML 元素分配事件：

当用户进入或离开页面时，会触发 onload 和 onunload 事件。

onload 事件可用于检查访客的浏览器类型和版本，以便基于这些信息来加载不同版本的网页。

onload 和 onunload 事件可用于处理 cookies。

onchange 事件常用于输入字段的验证。当用户改变输入字段的内容时，将调用 upperCase() 函数。

onmouseover 和 onmouseout 事件可用于在鼠标指针移动到或离开元素时触发函数

onmousedown、onmouseup 以及 onclick 事件是鼠标点击的全部过程。首先当某个鼠标按钮被点击时，触发 onmousedown 事件，然后，当鼠标按钮被松开时，会触发 onmouseup 事件，最后，当鼠标点击完成时，触发 onclick 事件。