js外联实现
外联 JavaScript 的基本方法
在 HTML 文件中通过 <script> 标签引入外部 JavaScript 文件是最常见的方式。将以下代码放在 <head> 或 <body> 标签内：
<script src="path/to/your-script.js"></script>推荐将 <script> 标签放在 <body> 标签的底部，以避免阻塞页面渲染。
异步加载 JavaScript
使用 async 或 defer 属性可以优化脚本加载：
<script src="script.js" async></script>
<script src="script.js" defer></script>async 让脚本异步加载，下载完成后立即执行。defer 让脚本在文档解析完成后执行，按顺序执行。
动态加载 JavaScript
通过 JavaScript 代码动态创建 <script> 元素并插入到 DOM 中：
const script = document.createElement('script');
script.src = 'path/to/your-script.js';
document.body.appendChild(script);这种方式适用于需要按条件加载脚本的场景。
模块化外联
使用 ES6 模块化语法，通过 import 引入外部模块：
import { functionName } from './module.js';在 HTML 中需要指定 <script> 标签的 type 为 module：
<script type="module" src="main.js"></script>使用 CDN 引入
直接从内容分发网络（CDN）加载流行的 JavaScript 库：
<script src="https://cdn.example.com/library.js"></script>这种方式可以加快加载速度并减少服务器负载。
