要引入 JavaScript 文件，可以使用<script>标签，将其放置在<head>或<body>中。在<head>中引入会在页面加载前执行脚本，而在<body>中引入则会在页面加载后执行。此外，还可使用defer或async属性，分别用于在 DOM 准备好后或异步加载脚本。引入位置的选择取决于脚本的目的，对于页面加载速度而言，在<head>中引入至关重要，对于事件处理程序或操作 DOM 的脚本，则适合在<body
如何引入 JavaScript 文件
引入 JavaScript 文件
要将 JavaScript 文件引入 HTML 文档，可以使用<script>标签。<script>标签可以放置在 <head> 或 <body> 中任何位置。
在 <head> 中引入
这种方法将加载 JavaScript 文件，并且在页面加载之前执行。
<code class="html"><head> <script src="script.js"></script> </head></code>
在 <body> 中引入
这种方法将加载 JavaScript 文件，并在页面加载后执行。
<code class="html"><body> <script src="script.js"></script> </body></code>
使用 defer 属性
defer 属性可用于在 DOM 准备好后加载和执行脚本。这可以帮助防止页面加载延迟。
<code class="html"><head> <script src="script.js" defer></script> </head></code>
使用 async 属性
async 属性可用于异步加载脚本，而无需等待 DOM 准备好。
<code class="html"><head> <script src="script.js" async></script> </head></code>
选择引入位置
在 <head> 中引入 JavaScript 文件对于页面加载速度至关重要，而 <body> 中的引入则适合于事件处理程序或操作 DOM 的脚本。使用 defer 或 async 属性可以进一步优化加载过程。
