JavaScript 外部文件

2024年11月12日 JavaScript 外部文件极客笔记

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="/staticmessage.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 代码。

本文链接：http://so.lmcjl.com/news/17658/

展开阅读全文

上一篇：房屋买卖合同格式协议书范文下一篇：2022年标准合同格式范本参考