Javascript使用外部文件

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

猜你喜欢

转载自cakin24.iteye.com/blog/2353567