1. 主页
  2. 文档
  3. JavaScript 教程
  4. JavaScript基础教程
  5. 外部 JavaScript

外部 JavaScript

我们可以创建外部 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,将会有以下好处:

  1. 它有助于在多个 HTML 文件中重用代码。
  2. 它允许简单的代码可读性。
  3. 由于 Web 浏览器缓存外部 js 文件,因此可以节省时间,从而进一步减少页面加载时间。
  4. 它使网页设计人员和编码人员能够并行和独立地处理 html 和 js 文件,即,不会面临任何代码冲突。
  5. 代码的长度减少了,因为我们只需要指定 js 文件的位置。

外部 JavaScript 的缺点

外部文件有以下缺点:

  1. 窃取者可以使用js文件的url下载编码器的代码。
  2. 如果两个js文件相互依赖,那么一个文件出现故障可能会影响另一个依赖文件的执行。
  3. Web 浏览器需要发出额外的 http 请求才能获取 js 代码。
  4. js 代码的微小变化可能会导致其所有依赖文件中出现意外结果。
  5. 我们需要检查依赖于通常创建的外部 javascript 文件的每个文件。
  6. 如果是几行代码,那么最好实现内部javascript代码。

 

 

这篇文章对您有用吗?