📌  相关文章
📜  外部JavaScript文件

📅  最后修改于: 2020-10-23 14:12:35             🧑  作者: Mango

外部JavaScript文件

我们可以创建外部JavaScript文件并将其嵌入到许多html页面中。

它提供了代码可重用性,因为单个JavaScript文件可以在多个html页面中使用。

外部JavaScript文件必须以.js扩展名保存。建议将所有JavaScript文件嵌入到一个文件中。它提高了网页的速度。

让我们创建一个外部JavaScript文件,该文件在警报对话框中打印Hello Javatpoint。

message.js

function msg(){
 alert("Hello Javatpoint");
}

让我们将JavaScript文件包含到html页面中。单击按钮时调用JavaScript函数。

index.html






Welcome to JavaScript

外部JavaScript的优势

如果用户创建外部javascript,将有以下好处:

  • 它有助于在多个HTML文件中重复使用代码。
  • 它使代码易于阅读。
  • Web浏览器可以缓存外部js文件,从而节省了时间,从而进一步缩短了页面加载时间。
  • 它使Web设计人员和编码人员都可以并行且独立地处理html和js文件,即,不会遇到任何代码冲突。
  • 由于只需要指定js文件的位置,因此代码的长度减少了。

外部JavaScript的缺点

外部文件有以下缺点:

  • 盗窃者可以使用js文件的网址下载编码器的代码。
  • 如果两个js文件相互依赖,则一个文件中的错误可能会影响另一个依赖文件的执行。
  • Web浏览器需要发出额外的http请求以获取js代码。
  • js代码中的微小变化到巨大变化都可能在其所有依赖文件中导致意外结果。
  • 我们需要检查依赖于通常创建的外部javascript文件的每个文件。
  • 如果是几行代码,则最好实现内部javascript代码。