您的位置：首页 > Web前端 > JavaScript

Javascript使用外部文件

2017-04-12 10:31 197 查看
一 为什么使用外部文件
当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输出的! 
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航