JavaScript 调用方法：直接在 HTML 中调用：<script> 标签（<head> 或 <body>）外部脚本调用：在 HTML 中使用 <script> 标签指定外部脚本文件的路径特定函数/类调用：使用函数名()或类名.new()语法事件监听器调用：使用 HTML 元素的事件属性（如 onclick）AJAX 请求调用：使用 XMLHttpRequest 对象进行异步通信

如何调用 JavaScript

直接在 HTML 中调用

• 在 <head> 标签中使用 <script> 标签。例如：

  <code class="html"><script>
  // 你的 JavaScript 代码
  </script></code>

• 在 <body> 标签中使用 <script> 标签。例如：

  <code class="html"><body>
  <script>
    // 你的 JavaScript 代码
  </script>
  </body></code>

通过外部脚本文件调用

• 创建一个带有 .js 扩展名的 JavaScript 文件，例如 script.js。

• 在 HTML 文件中，使用 <script> 标签并指定外部脚本文件的路径。例如：

  <code class="html"><script src="script.js"></script></code>

特定函数或类的调用

• 如果 JavaScript 代码包含函数或类，可以使用类似于以下的语法：

  <code class="javascript">// 调用名为 showMessage() 的函数
  showMessage();
  
  // 创建一个名为 Person 的类的实例
  const person = new Person();</code>

使用事件监听器调用

• 可以在 HTML 元素上使用事件监听器，当触发特定事件（例如单击、鼠标悬停）时调用 JavaScript 代码。例如：

  <code class="html"><button onclick="showPopup()">点击我</button></code>

使用 AJAX 请求调用

• AJAX（异步 JavaScript 和 XML）允许在不重新加载整个页面的情况下与服务器进行通信。可以使用以下语法：

  <code class="javascript">// 创建一个 AJAX 请求
  const request = new XMLHttpRequest();
  
  // 设置请求处理程序
  request.onload = function() {
  // 处理服务器响应
  };
  
  // 发送请求
  request.send();</code>