极客笔记JavaScript 外部文件
我们可以创建外部JavaScript文件并嵌入到许多HTML页面中。
它提供了 代码重用性 ，因为单个JavaScript文件可以在多个HTML页面中使用。
外部JavaScript文件必须以.js扩展名保存。建议将所有JavaScript文件嵌入到一个单独的文件中。这将增加网页的速度。
让我们创建一个外部的JavaScript文件，它在警示对话框中打印出“Hello Javatpoint”。
message.js
function msg(){
alert("Hello Javatpoint");
}
将JavaScript文件包含到html页面中。当点击按钮时，它调用JavaScript函数。
index.html
<html>
<head>
<script type="text/javascript" src="message.js"></script>
</head>
<body>
<p>Welcome to JavaScript</p>
<form>
<input type="button" value="click" onclick="msg()"/>
</form>
</body>
</html>
外部 JavaScript 的优点
如果用户创建一个外部的 JavaScript，将会有以下好处：
- 在多个 HTML 文件中可重复使用代码。
- 可以方便地阅读代码。
- 由于浏览器会缓存外部 JavaScript 文件，因此节省了页面加载时间。
- 使得网页设计师和编码人员可以并行且分离地处理 HTML 和 JavaScript 文件，而不会出现代码冲突。
- 代码量减少，只需要指定 JavaScript 文件的位置。
外部 JavaScript 的缺点
外部文件存在以下缺点：
- 盗取者可以通过 JavaScript 文件的 URL 下载编码人员的代码。
- 如果两个 JavaScript 文件相互依赖，一个文件的失败可能会影响到其他依赖文件的执行。
- 浏览器需要额外的 HTTP 请求来获取 JavaScript 代码。
- 对 JavaScript 代码进行微小到大的修改可能会导致所有依赖文件产生意外结果。
- 需要检查每个依赖于共同创建的外部 JavaScript 文件的文件。
- 如果代码只有几行，最好实现内部 JavaScript 代码。