如何使按钮执行 Javascript 函数

在网页开发中，我们常常需要按钮来触发特定的 Javascript 函数。下面将介绍三种常见的方式来实现这一需求：

1. 在 HTML 中添加 onclick 属性

将按钮的 onclick 属性设置为目标函数名，当按钮被点击时，该函数将被执行。例如：

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

<script>
function myFunction() {
  console.log("功能已经执行");
}
</script>

2. 使用 addEventListener 方法

使用 addEventListener 方法可以通过 JavaScript 代码来绑定按钮的点击事件。例如：

<button id="myBtn">点击执行 myFunction</button>

<script>
document.getElementById("myBtn").addEventListener("click", myFunction);

function myFunction() {
  console.log("功能已经执行");
}
</script>

3. 使用 jQuery

在 jQuery 中，可以使用 .click() 方法来给按钮绑定点击事件。例如：

<button id="myBtn">点击执行 myFunction</button>

<script>
$("#myBtn").click(myFunction);

function myFunction() {
  console.log("功能已经执行");
}
</script>

以上三种方法都可以使按钮执行指定的 JavaScript 函数。在具体应用时，可以根据实际情况选择合适的方式来实现。