我们可以创建外部 JavaScript 文件并将其嵌入到许多 html 页面中。
它提供了代码可重用性，因为单个 JavaScript 文件可以在多个 html 页面中使用。
外部 JavaScript 文件必须以 .js 扩展名保存。建议将所有 JavaScript 文件嵌入到一个文件中。它提高了网页的速度。
让我们创建一个外部JavaScript文件，在警告对话框中打印 Hello 52learnprogram。
message.js
function msg(){
alert("Hello 52learnprogram");
} 让我们将 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 文件中重用代码。
- 它允许简单的代码可读性。
- 由于 Web 浏览器缓存外部 js 文件，因此可以节省时间，从而进一步减少页面加载时间。
- 它使网页设计人员和编码人员能够并行和独立地处理 html 和 js 文件，即，不会面临任何代码冲突。
- 代码的长度减少了，因为我们只需要指定 js 文件的位置。
外部 JavaScript 的缺点
外部文件有以下缺点：
- 窃取者可以使用js文件的url下载编码器的代码。
- 如果两个js文件相互依赖，那么一个文件出现故障可能会影响另一个依赖文件的执行。
- Web 浏览器需要发出额外的 http 请求才能获取 js 代码。
- js 代码的微小变化可能会导致其所有依赖文件中出现意外结果。
- 我们需要检查依赖于通常创建的外部 javascript 文件的每个文件。
- 如果是几行代码，那么最好实现内部javascript代码。