外部嵌入的优点是可维护性高，代码复用性强，可以利用浏览器缓存。缺点是需要额外加载JS文件，可能会稍微影响页面加载速度。例如：

这是一个标题
这是一个段落。

点击这里

其中myScript.js文件内容如下：

function myFunction() {
  document.getElementById("demo").innerHTML = "段落已更改。";
}

总之，选择哪种方式，需要权衡各种因素，找到最适合你的方案。

如何优化外部JS文件的加载？

优化外部JS文件的加载，主要有以下几种方式：

1. 使用async和defer属性：async属性表示异步加载，JS文件加载完成后立即执行，可能会阻塞HTML解析。defer属性也表示异步加载，但JS文件会在HTML解析完成后，按照顺序执行。通常推荐使用defer，可以避免阻塞HTML解析，并保证JS文件的执行顺序。

2. 将