📜  什么是外部 JavaScript?

📅  最后修改于: 2022-05-13 01:56:37.075000             🧑  作者: Mango

什么是外部 JavaScript?

JavaScript是最流行的解释型轻量级编译型之一 编程语言。它是同步的和单线程的。 JavaScript 中的程序称为以纯文本形式执行的脚本。我们可以直接在 HTML 页面上编写这些脚本,也可以使用外部 JavaScript 文件。 JavaScript 可以在浏览器中执行,也可以在服务器上执行,或者实际上在任何具有称为JavaScript 引擎的特殊程序的设备上执行。 JavaScript 用于服务器端和客户端开发。

有两种方法可以在 HTML 文件中使用 javascript:

  • 内部 JavaScript :通过在   


HTML


  

    External JS

  

    

GeeksforGeeks

              /* External Javascript */   


Javascript
console.log("Hi Geeks, Welcome to GfG");


HTML


  

    External JavaScript
    

  

    

GeeksforGeeks

       


GfG.js
let h2 = document.querySelector(".external");
h2.addEventListener("mouseenter", function (e) {
  h2.innerText = "Hi Geeks, Welcome to GfG";
});


输出

Hi Geeks, Welcome to GfG

示例:此示例描述了外部 Javascript 的使用。

HTML



  

    External JS

  

    

GeeksforGeeks

              /* External Javascript */   

外部文件:GfG.js

Javascript

console.log("Hi Geeks, Welcome to GfG");

输出

Hi Geeks, Welcome to GfG

什么是外部 JavaScript?

外部 JavaScript是指将JavaScript代码(脚本)写入另一个具有扩展名的文件中 .js 然后我们在要添加代码的HTML文件的 或 标记中链接该文件。当要在许多不同的网页中使用相同的代码时,使用外部 JavaScript 更为实用。使用外部脚本很简单,只需将脚本文件(我们的 .js 文件)的名称放在

属性值:

  • type 用于指定脚本的 MIME 类型,标识 Tag 的内容。它有一个默认值,即“ text/javascript”
  • src 用于指定外部 JavaScript 文件的 URL。
  • async 是一个布尔属性。如果存在,它指定脚本将在可用时异步执行。
  • defer :它是一个布尔属性用于指定在页面完成解析时执行脚本。
  • 完整性用于授予浏览器检查获取的脚本以确保永远不会加载源代码的权限。
  • 推荐人策略 用于指定在获取脚本时将发送到服务器的参考信息。

也可以使用多个   

JS代码:

GfG.js

let h2 = document.querySelector(".external");
h2.addEventListener("mouseenter", function (e) {
  h2.innerText = "Hi Geeks, Welcome to GfG";
});

输出:当指针悬停在元素上时,元素内的文本(即 GeeksforGeeks)变为“Hi Geeks,Welcome to GfG”。

使用内部 JS 的优点:

内部JS的缺点:

使用外部 JS 的优点:

外部JS的缺点: