一 为什么使用外部文件
当JavaScript脚本代码很复杂或多个HTML页面需要使用到JavaScript脚本时,可以将JavaScript脚本的代码编写到一个外部文件中,总体来说使用外部文件有以下优点。
- 易维护
将JavaScript编写在多个页面中,在查找错误或在修改代码时会非常麻烦。如果将JavaScript编写在外部文件中,在维护时会提高维护效率和节省维护的时间。
- 重用性
使用JavaScript外部文件可以避免重复编写代码。在多个页面中使用相同的JavaScript时可以将其编写到外部文件中,节省开发时间。
- 节省加载页面时间
把一段JavaScript代码编写到多个页面中,不但增加了开发时间,还增加了页面大小和页面加载的时间。如果把JavaScript编写到外部文件中,当多个页面使用同一个外部文件时,只需要加载一次,节省了页面加载时间,加快了页面浏览速度。
二 使用src属性调用外部文件
在创建JavaScript脚本的外部文件时不需要使用<script>标记,但是文件的扩展名必须使用.js类型。调用外部文件可以使用<script>标记的src属性。如果JavaScript脚本外部文件保存在本机中,src属性可以是绝对路径或是相对路径。如果JavaScript脚本外部文件保存在其他服务器中,src属性需要指定绝对的路径。
三 实例
1_3.html
<html>
<head>
<title>Sre属性的使用</title>
</head>
<body>
<scriptsrc="1_3.js"></script>
</body>
</html>
1_3.js
document.write('这是外部文件中JavaScript输出的!');
四 运行结果
这是外部文件中JavaScript输出的!