便宜VPS主机精选
提供服务器主机评测信息

js文件怎么引入html

在 HTML 中,可以通过 <script> 标签来引入 JavaScript 文件。以下是一个基本的示例:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>引入外部 JS 文件</title>
  <script src="script.js"></script>
</head>
<body>
  <h1>Hello World</h1>
</body>
</html>

在上面的代码中,我们通过 <script> 标签引入了名为 script.js 的外部 JavaScript 文件。浏览器会在加载该 HTML 页面时自动下载并执行该文件。

需要注意的是,如果要在 HTML 页面中使用外部 JavaScript 文件中定义的函数或变量,需要确保该文件已被成功加载和执行。一般情况下,在引入 JavaScript 文件的 <script> 标签后,可以等待 DOMContentLoadedload 事件触发后再操作 DOM 或调用相应的函数。例如:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>引入外部 JS 文件</title>
  <script src="script.js"></script>
  <script>
    document.addEventListener('DOMContentLoaded', function() {
      // 在 DOM 加载完成后调用 foo 函数
      foo();
    });
  </script>
</head>
<body>
  <h1>Hello World</h1>
</body>
</html>

在上面的代码中,我们通过监听 DOMContentLoaded 事件,在页面 DOM 结构加载完成后调用了 foo() 函数。

未经允许不得转载:便宜VPS测评 » js文件怎么引入html