首页 > 代码库 > HTML DOM 第五篇

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 元素分配事件:

当用户进入或离开页面时,会触发 onl oad 和 onunload 事件。

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

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

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

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

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

HTML DOM 第五篇