在JavaScript中，如何创建一个函数，并在HTML中调用它？

htmljavascript函数

在JavaScript中，你可以使用function关键字来创建一个函数。这个函数可以包含一些要执行的代码，并且可以接收参数。创建函数后，你可以在HTML中的<script>标签内直接调用它，或者通过事件监听器将其绑定到HTML元素上。

下面是一个简单的示例，演示了如何创建一个函数并在HTML中调用它：

示例效果与源代码：

运行效果

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript 函数调用示例</title>
</head>
<body>

<h1>点击按钮调用JavaScript函数</h1>

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

<p id="output"></p>

<script>
function myFunction() {
    var message = "Hello, World!";
    document.getElementById('output').textContent = message;
}
</script>

</body>
</html>

在这个示例中，我们首先定义了一个名为myFunction的函数。这个函数将字符串"Hello, World!"赋值给变量message，并将该变量设置为ID为output的<p>元素的文本内容。

然后，在HTML中，我们有一个按钮元素，其onclick属性设置为myFunction()。这意味着当按钮被点击时，myFunction函数将被调用。因此，当你点击按钮时，你会看到页面上显示“Hello, World!”。

上一篇：求助Canvas如何绘制矩形？

下一篇：在JavaScript中，如何声明一个变量并给它赋值？