怎么在html中调用JS文件里面的函数

在HTML中调用JavaScript文件里的函数通常有两种常见的方式：

1. 内联脚本（In-line Script）: 直接在HTML元素的`<script>`标签内编写函数并立即执行。例如：

   <button onclick="myFunction()">点击调用</button>
   <script>
       function myFunction() {
           // 函数内容...
       }
   </script>

2. 引入外部脚本 (External Script): 将函数定义放在单独的`.js`文件里，然后在HTML头部通过`<script src="script.js"></script>`引用。例如，在`script.js`中:

   function myFunction() {
       // 函数内容...
   }

在HTML中调用：

   <button onclick="callMyFunction()">点击调用</button>
   <script src="script.js"></script>
   <script>
       function callMyFunction() {
           myFunction(); // 这里直接调用外部脚本的函数
       }
   </script>

确保`script.js`文件已经被正确地加载到页面上。