在HTML中调用JavaScript函数，可以通过以下几种方法实现：

html如何调用js的函数html如何调用js的函数

（图片来源网络，侵删）

1、使用<script>标签内嵌JavaScript代码

2、使用<script>标签引用外部JavaScript文件

3、使用HTML事件属性（如onclick、onload等）

下面是详细的步骤和示例：

1. 使用<script>标签内嵌JavaScript代码

在HTML文件中，可以使用<script>标签将JavaScript代码嵌入到HTML文档中，在<script>标签内部，可以定义函数并在需要的地方调用它们。

示例：

<!DOCTYPE html>
<html>
<head>
  <title>内嵌JavaScript代码示例</title>
</head>
<body>
  <button onclick="myFunction()">点击我</button>
  <script>
    function myFunction() {
      alert('Hello, World!');
    }
  </script>
</body>
</html>

2. 使用<script>标签引用外部JavaScript文件

将JavaScript代码保存到一个单独的文件中（通常使用.js扩展名），然后在HTML文件中使用<script>标签引用该文件，这样可以使HTML文件更简洁，便于维护。

示例：

假设有一个名为script.js的外部JavaScript文件，内容如下：

function myFunction() {
  alert('Hello, World!');
}

在HTML文件中引用这个外部文件：

<!DOCTYPE html>
<html>
<head>
  <title>引用外部JavaScript文件示例</title>
</head>
<body>
  <button onclick="myFunction()">点击我</button>
  <script src="script.js"></script>
</body>
</html>

3. 使用HTML事件属性

在HTML元素上使用事件属性（如onclick、onload等），将JavaScript函数作为事件处理程序，当触发相应的事件时，事件处理程序将被执行。

示例：

<!DOCTYPE html>
<html>
<head>
  <title>使用HTML事件属性示例</title>
</head>
<body>
  <button onclick="myFunction()">点击我</button>
  <script>
    function myFunction() {
      alert('Hello, World!');
    }
  </script>
</body>
</html>

在这个示例中，当用户点击按钮时，会触发onclick事件，从而调用myFunction()函数。

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。