📌  相关文章
📜  什么是 defer 和 async 属性<script> tag ?

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

例子:

HTML


  

    
    
    async and defer
    

  

    
    
    

  


HTML


  

    
    
    async and defer
    

  

    
    
    

  


在上面的代码中,我们创建了三个 javascript 文件(脚本 0、脚本 1、脚本 2)。每个文件都有一些功能。我在“script.js”文件中添加了 defer 属性。现在,让我们看看这段代码的输出。

输出:

上述代码的输出(延迟)

在上面的控制台图像中,脚本 0(包含 defer 属性)最后处理,如果您想更改处理顺序并改进它,这是很好的。

Async:当页面中包含的脚本不相互依赖时,首选此属性。它对于在 DOM 中间加载已经存在的脚本也非常有用。

使用 async 属性加载网页的过程

注意:异步不保证顺序。假设如果有六个脚本,那么任何脚本都可以随时执行。

句法:

例子:

HTML



  

    
    
    async and defer
    

  

    
    
    

  

在上面的代码中,我创建了三个 javascript 文件(脚本 0、脚本 1、脚本 2)。每个文件都有一些功能。我在所有 javascript 文件中添加了 async 属性。现在,让我们看看这段代码的输出。

输出:

上述代码的输出(异步)

在上面的控制台图像中,脚本正在异步执行,它们已经执行了上述信息。