📌  相关文章
📜  如何调用函数以响应 onclick 参数 - Javascript (1)

📅  最后修改于: 2023-12-03 15:38:55.474000             🧑  作者: Mango

如何调用函数以响应 onclick 参数 - Javascript

在 JavaScript 中，我们可以通过给 onclick 属性赋一个函数来响应用户的点击事件。下面将介绍如何调用函数以响应 onclick 参数。

代码片段
<button onclick="myFunction()">点击这里</button>

<script>
function myFunction() {
  alert("Hello World!");
}
</script>
解释

上面的代码创建了一个按钮，当用户点击它时，会执行 myFunction() 函数，并弹出一个提示框显示 "Hello World!"。

myFunction() 函数必须在使用它之前定义。

传递参数

如果想要给函数传递参数，可以简单地在函数名称后面加上括号，并在括号中传入参数。例如：

<button onclick="myFunction('参数1', '参数2')">点击这里</button>

<script>
function myFunction(param1, param2) {
  alert("参数1是：" + param1 + "\n参数2是：" + param2);
}
</script>

当用户点击按钮时，会执行 myFunction() 函数，并带上两个参数： "参数1" 和 "参数2"。函数会弹出一个提示框，显示这两个参数的值。

完整示例
<!DOCTYPE html>
<html>
<body>

<button onclick="myFunction('参数1', '参数2')">点击这里</button>

<script>
function myFunction(param1, param2) {
  alert("参数1是：" + param1 + "\n参数2是：" + param2);
}
</script>

</body>
</html>
结论

在 JavaScript 中响应 onclick 参数的方法非常简单，只需要在 onclick 属性中指定要调用的函数即可。如果需要给函数传递参数，也可以很方便地实现。