JavaScript学习第二天

外置脚本

提示:把脚本置于 元素的底部,可改善显示速度,因为脚本编译会拖慢显示。

msedge_20201229123010_msedge

msedge_20201229123103_msedge

JavaScript 文件的文件扩展名是 .js

如需使用外部脚本,请在 < script > 标签的 src (source) 属性中设置脚本的名称。

注意引用JavaScript的标签< script > 中的属性是src而不是rel或者是href,只有引用css时才是< style > rel="stylesheet" href= "path"< /style >

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

msedge_20201229123226_msedge

外部 JavaScript 的优势

在外部文件中放置脚本有如下优势:

  • 分离了 HTML 和代码
  • 使 HTML 和 JavaScript 更易于阅读和维护
  • 已缓存的 JavaScript 文件可加速页面加载

如需向一张页面添加多个脚本文件 - 请使用多个 script 标签:

<script src="myScript1.js"></script>
<script src="myScript2.js"></script>

外部引用

可通过完整的 URL 或相对于当前网页的路径引用外部脚本:

相对路径是指对于引用脚本的地方而言,这个脚本该怎么找到

绝对路径可以通过目录路径来寻找

实例

本例使用完整的 URL 来链接至脚本:

<script src="https://www.w3school.com.cn/js/myScript1.js"></script>

实例

本例使用了位于当前网站上指定文件夹中的脚本:

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

实例

本例链接了与当前页面相同文件夹的脚本:

<script src="myScript1.js"></script>
最后修改:2021 年 01 月 09 日 05 : 55 PM