在网页中编写JavaScript时，可以通过嵌入式、外链式和行内式这3种方式来引入JavaScript代码。下面针对这3种方式分别进行讲解。

1.嵌入式

嵌入式就是使用<script>标签包裹 JavaScript 代码，直接编写到 HTML 文件中，具体示例如下。

<script>
JavaScript语句；
</script>

<script type="text/javascript">
JavaScript语句；
</script>

上述示例演示了两种书写方式，其中<script>标签的type属性用于告知浏览器脚本的类型，由于该属性的默认值为“text/javascript”​，因此在编写JavaScript时可以省略type属性。

2.外链式

外链式是指将JavaScript代码保存到一个单独的文件中，通常使用“js”作为文件的扩展名，然后使用<script>标签的src属性引入文件，具体示例如下。

HTML文件

<script src="js/test.js"></script>

js/test.js文件

alert('Hello');

通过示例可以看出，src属性是一个文件路径或URL地址，可以指定为如下形式。

① 相对路径：​“js/test.js”引入当前目录下的js子目录中的test.js文件；​“../js/test.js”引入上级目录下的js子目录中的test.js文件。

② 绝对路径：​“/js/test.js”引入网站根目录下的js 子目录中的 test.js 文件；如果网页在本地，可以通过“file:///C:/js/test.js”引入本地文件。

③ URL地址：如“http://js.test/file.js”​；若自动使用当前页面协议，可写为“//js.test/file.js”​。

在实际开发中，当需要编写大量、逻辑复杂、特有功能的JavaScript 代码时，推荐大家使用外链式。相比嵌入式，外链式的优势可以总结为以下3点。

① 嵌入式会导致HTML与JavaScript代码混合在一起，不利于修改和维护。

② 嵌入式会增加HTML文件的体积，影响网页本身的加载速度，而外链式可以利用浏览器缓存提高速度。例如，在多个页面中引入了相同的js文件时，打开第1个页面后，浏览器就将js文件缓存下来，下次打开其他页面时就不用重新下载js文件了。

③ 外链式有利于分布式部署。网页中链接的js、css、图片等静态文件可以部署到CDN服务器上，利用CDN的优势加快下载速度。