zoukankan      html  css  js  c++  java
  • <script> 的defer和async

    <script src="../file.js" async="async"></script>

    file.js----

    仅仅只有alert("hello,world");

     

    async 属性仅适用于外部脚本(只有在使用 src 属性时)。

    有多种执行外部脚本的方法:

    • 如果 async="async":脚本相对于页面的其余部分异步地执行(当页面继续进行解析时,脚本将被执行)
    • 如果不使用 async 且 defer="defer":脚本将在页面完成解析时执行
    • 如果既不使用 async 也不使用 defer:在浏览器继续解析页面之前,立即读取并执行脚本
    <html> 
     <head> 
    <script type="text/javascript" src="file.js" async="async"></script> 
    </head>
    <body>
    <div style="height:100px;100px;background-color:#000000">
    </div>
    
     </body> 
    </html>
    

     在IE8下执行代码并没有体现异步的功能,执行顺序为:

    (1)弹出 hello,world

    (2)关闭 "hello,world"后渲染BOM界面

    将相同的代码在chorme中进行执行,体现异步特性,即弹出hello,world和渲染浏览器同时进行

    关闭【确定】按钮后执行页面如下:

    在chorme下的执行结果如下:

  • 相关阅读:
    windows权限维持之注册表
    mstsc痕迹清理
    内网常用爆破手法
    RDP攻击&防御
    Java SPI 机制
    mysqldump 数据库备份
    Redis分布式锁
    Seata分布式事务中间件学习和实践
    pytube
    idea github登录
  • 原文地址:https://www.cnblogs.com/CBDoctor/p/3952343.html
Copyright © 2011-2022 走看看