JavaScript 工作


HTML 工作是发作在 HTML 元素上的工作。

当在 HTML 页面中运用 JavaScript 时, JavaScript 能够触发这些工作。


HTML 工作

HTML 工作能够是浏览器行为,也能够是用户行为。

以下是 HTML 工作的实例:

  • HTML 页面完结加载
  • HTML input 字段改动时
  • HTML 按钮被点击

一般,当工作发作时,你能够做些工作。

在工作触发时 JavaScript 能够履行一些代码。

HTML 元素中能够增加工作特点,运用 JavaScript 代码来增加 HTML 元素。

单引号:

<some-HTML-element some-event='some JavaScript'>

双引号:

<some-HTML-element some-event="some JavaScript">

在以下实例中,按钮元素中增加了 onclick 特点 (并加上代码):

实例

<button onclick='getElementById("demo").innerHTML=Date()'>The time is?</button>

测验一下 »

以上实例中,JavaScript 代码将修正 id="demo" 元素的内容。

鄙人一个实例中,代码将修正本身元素的内容 (运用 this.innerHTML):

实例

<button onclick="this.innerHTML=Date()">The time is?</button>

测验一下 »

Note JavaScript代码一般是几行代码。比较常见的是经过工作特点来调用:

实例

<button onclick="displayDate()">The time is?</button>

测验一下 »


常见的HTML工作

下面是一些常见的HTML工作的列表:

工作 描绘
onchange HTML 元素改动
onclick 用户点击 HTML 元素
onmouseover 用户在一个HTML元素上移动鼠标
onmouseout 用户从一个HTML元素上移开鼠标
onkeydown 用户按下键盘按键
onload 浏览器已完结页面的加载

更多工作列表: JavaScript 参考手册 - HTML DOM 工作


JavaScript 能够做什么?

工作能够用于处理表单验证,用户输入,用户行为及浏览器动作:

  • 页面加载时触发工作
  • 页面封闭时触发工作
  • 用户点击按钮履行动作
  • 验证用户输入内容的合法性
  • 等等 ...

能够运用多种方法来履行 JavaScript 工作代码:

  • HTML 工作特点能够直接履行 JavaScript 代码
  • HTML 工作特点能够调用 JavaScript 函数
  • 你能够为 HTML 元素指定自己的工作处理程序
  • 你能够阻挠工作的发作。
  • 等等 ...
Note 在 HTML DOM 章节中你将会学到更多关于工作及工作处理程序的常识。