HTML DOM - 事件

HTML DOM 允许 JavaScript 对 HTML 应。。

实例

Mouse Over Me
Click Me

反应

行 JavaScript HTML 元素时。

码,请把 JavaScript HTML :

onclick=JavaScript

HTML :

  • 鼠标时
  • 载时
  • 载时
  • 51help.tk
  • 被改变时
  • 当 HTML 时
  • 按键时

<h1> :

实例

<!DOCTYPE html>
<html>
<body>
<h1 onclick="this.innerHTML='hello!'">文本!</h1>
</body>
</html>

用函数:

实例

<!DOCTYPE html>
<html>
<head>
<script>
function changetext(id)
{
id.innerHTML="hello!";
}
</script>
</head>
<body>
<h1 onclick="changetext(this)">文本!</h1>
</body>
</html>

HTML 事件属性

如需向 HTML 性。

实例

向 button 个 onclick 事件:

<button onclick="displayDate()">试一试</button>

displayDate 的函数。

使用 HTML DOM

HTML DOM JavaScript 向 HTML 件:

实例

为 button 元素分配 onclick 事件:

<script>
document.getElementById("myBtn").onclick=function(){displayDate()};
</script>

51help.tk displayDate 配给了 id=myButn" 的 HTML 元素。

行函数。

onload 和 onunload 事件

onload 和 onunload 事件。

onload 网页。

onload 和 onunload 处理 cookies。

实例

<body onload="checkCookies()">

onchange 事件

onchange 验证。

使用 onchange将调用 upperCase() 函数。

实例

<input type="text" id="fname" onchange="upperCase()">

onmouseover 和 onmouseout 事件

onmouseover 和 onmouseout 发函数。

实例

onmouseover-onmouseout 例子:

onmousedown、onmouseup 以及 onclick 事件

onmousedown、onmouseup 以及 onclick 时,触发 onmousedown ,会触发 onmouseup 触发 onclick 事件。

实例

onmousedown-onmouseup 实例:

点击这里

HTML DOM 考手册

HTML DOM 参考手册