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输出的! 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值