码迷,mamicode.com
首页 > Web开发 > 详细

HTML DOM 第五篇

时间:2017-08-01 23:04:40      阅读:238      评论:0      收藏:0      [点我收藏+]

标签:case   事件   提交   mouseover   例子   加载   访客   mouse   div   

通过 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 事件。

HTML DOM 第五篇

标签:case   事件   提交   mouseover   例子   加载   访客   mouse   div   

原文地址:http://www.cnblogs.com/lhq8998/p/7270711.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!