Loading... 在HTML文件中，可以使用以下4种方式引入JavaScript文件： ## 1.外部文件方式（External file）： 将JavaScript代码保存为一个独立的文件，并通过`src`属性链接到HTML文件中。 示例： ```html <script src="script.js"></script> ``` ## 2.内部文件方式（Internal file）： 在HTML文件中使用`<script>`标签并将JavaScript代码放在其中，但不指定外部文件路径。 示例： ```html <script type="text/javascript"> // JavaScript代码 </script> ``` ## 3.动态加载方式（Dynamic loading）： 使用JavaScript的`createElement`和`appendChild`方法来动态创建和插入`<script>`标签。 示例： ```javascript var script = document.createElement('script'); script.src = 'script.js'; document.body.appendChild(script); ``` ## 4.按需加载方式（Lazy loading）： 使用`defer`或`async`属性来控制脚本的加载和执行时机。 - `defer`属性表示脚本将在文档解析完毕后执行，同时保持脚本的异步加载，多个延迟脚本按顺序执行。 示例： ```html <script src="script.js" defer></script> ``` - `async`属性表示脚本将在下载完成后立即执行，不会阻塞页面的解析和渲染。 示例： ```html <script src="script.js" async></script> ``` 请注意，以上引入方式可以单独使用，也可以组合使用，根据实际需求选择合适的方式。 最后修改：2024 年 04 月 25 日 © 允许规范转载 赞 如果觉得我的文章对你有用，请随意赞赏