Javascript教程
JavaScript基础
JavaScript Objects
JavaScript BOM
JavaScript DOM
JavaScript OOP
JavaScript Cookies
JavaScript事件
JavaScript异常
JavaScript常用

JavaScript文件

我们可以创建外部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代码。
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4