JavaScript文件
JavaScript文件
我们可以创建外部JavaScript文件并将其嵌入到许多html页面中。
它提高
代码重用性，因为单个JavaScript文件可以在多个html页面中使用。
代码重用性，因为单个JavaScript文件可以在多个html页面中使用。
外部JavaScript文件必须以.js扩展名保存。建议将所有JavaScript文件嵌入到一个文件中。它提高了网页的速度。
让我们创建一个外部 JavaScript文件，该文件在其中打印Hello lidihuo对话框。
message.js
function msg(){
alert("Hello lidihuo");
}
让我们将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>
输出：
Welcome to JavaScript
外部JavaScript的优点
创建外部javascript有以下几点好处：
它有助于在多个HTML文件中重复使用代码。
代码易于阅读。
更加省时，Web浏览器可以缓存外部js文件，从而进一步减少了页面加载时间。
可以并行且独立地处理html和js文件，即不会遇到任何代码冲突。
由于只需要指定js文件的位置，因此代码的长度减少了。
外部JavaScript的缺点
可以通过js文件的网址下载代码。
如果两个js文件相互依赖，则一个文件中的错误可能会影响另一个依赖文件的执行。
Web浏览器需要另外发出一个http请求才能获取js代码。
js代码中的细微变化可能会导致其所有相关文件中出现意外结果。
我们需要检查依赖于通常创建的外部javascript文件的每个文件。
如果只有几行代码，则最好实现内部javascript代码。