当在 HTML 页面中利用 JavaScript 时， JavaScript 可以触发这些事宜。

HTML 事宜

HTML 事宜可以是浏览器行为，也可以是用户行为。

js如何添加html元素的事件处理JavaScript 事宜 Docker

以下是 HTML 事宜的实例：

HTML 页面完成加载

HTML input 字段改变时

HTML 按钮被点击

常日，当事宜发生时，你可以做些事情。

在事宜触发时 JavaScript 可以实行一些代码。

HTML 元素中可以添加事宜属性，利用 JavaScript 代码来添加 HTML 元素。

单引号:

<some-HTML-element some-event='some JavaScript'&gt;

双引号:

<some-HTML-element some-event=\公众some JavaScript\公众>

在以下实例中，按钮元素中添加了 onclick 属性 (并加上代码):

实例

<button onclick='getElementById(\公众demo\公众).innerHTML=Date()'>现在的韶光是??</button>

以上实例中，JavaScript 代码将修正 id=\公众demo\"大众 元素的内容。

不才一个实例中，代码将修正自身元素的内容 (利用 this.innerHTML):

实例

<button onclick=\公众this.innerHTML=Date()\公众>现在的韶光是?</button>

JavaScript代码常日是几行代码。
比较常见的是通过事宜属性来调用：

实例

<button onclick=\公众displayDate()\"大众>现在的韶光是?</button>

常见的HTML事宜

下面是一些常见的HTML事宜的列表:

事宜描述onchangeHTML 元素改变onclick用户点击 HTML 元素onmouseover用户在一个HTML元素上移动鼠标onmouseout用户从一个HTML元素上移开鼠标onkeydown用户按下键盘按键onload浏览器已完成页面的加载

更多事宜列表: JavaScript 参考手册 - HTML DOM 事宜。

JavaScript 可以做什么?

事宜可以用于处理表单验证，用户输入，用户行为及浏览器动作:

页面加载时触发事宜

页面关闭时触发事宜

用户点击按钮实行动作

验证用户输入内容的合法性

等等 ...

可以利用多种方法来实行 JavaScript 事宜代码：

HTML 事宜属性可以直接实行 JavaScript 代码

HTML 事宜属性可以调用 JavaScript 函数

你可以为 HTML 元素指定自己的事宜处理程序

你可以阻挡事宜的发生。

等等 ...

在 HTML DOM 章节中你将会学到更多关于事宜及事宜处理程序的知识。

如您还有不明白的可以不才面与我留言或是与我磋商QQ群308855039，我们一起飞！