HTML | onclick 事件属性(1)

📌 相关文章

📜 HTML | onclick 事件属性(1)

📅 最后修改于: 2023-12-03 14:41:52.142000 🧑 作者: Mango

在HTML中，我们可以使用onclick事件属性来给一个HTML元素添加事件处理程序。

<button onclick="myFunction()">点击我</button>

在上述代码中，通过在onclick属性中指定一个JavaScript函数名来定义一个点击事件。当按钮被点击时，myFunction函数将被执行。

onclick事件属性也可以通过JavaScript来设置：

element.onclick = function() {
  // 事件处理程序代码
}

下面是一个例子。当用户点击<button>元素时，页面标题将更改为Hello World!。

<!DOCTYPE html>
<html>
<body>

<h1>点击下面的按钮试试</h1>

<button onclick="document.title = 'Hello World!'">点击我</button>

</body>
</html>