下面是 HTML 事件的一些例子:
- HTML 网页完成加载
- HTML 输入字段被修改
- HTML 按钮被点击
通常,当事件发生时,用户会希望做某件事。
JavaScript 允许您在事件被侦测到时执行代码。
通过 JavaScript 代码,HTML 允许您向 HTML 元素添加事件处理程序。
使用单引号:
<element event='一些 JavaScript'>
使用双引号:
<element event="一些 JavaScript">
在下面的例子中,onclick
属性(以及代码)被添加到 <button>
元素:
实例
<button onclick='document.getElementById("demo").innerHTML=Date()'>现在的时间是?</button>
在上面的例子中,JavaScript 代码改变了 id="demo" 的元素的内容。
在接下来的例子中,代码(使用 this.innerHTML
)改变了其自身元素的内容:
实例
<button onclick="this.innerHTML=Date()">现在的时间是?</button>
JavaScript 代码通常有很多行。事件属性调用函数更为常见:
实例
<button onclick="displayDate()">现在的时间是?</button>
热门文章
-
js oncopy 事件
2023-10-12 16:24
-
js onchange 事件
2023-10-12 16:24
-
js addEventListener()方法将事件处理程序附加到元素
2023-10-11 14:19
-
js onchange事件当元素的值发生改变时触发
2023-10-11 14:16
-
js中的事件
2023-10-08 08:35