无阻塞脚本一延迟的脚本

最新推荐文章于 2021-03-30 19:31:14 发布

铁锈_

最新推荐文章于 2021-03-30 19:31:14 发布

阅读量317

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/u010107248/article/details/77150199

版权

js 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

无阻塞脚本：在页面加载完成之后才加载js代码。即，window对象的load事件触发后再开始下载脚本

实现这种方式的方法之一：延迟的脚本

对<script>使用 defer属性。

defer属性指明加载的脚本不会修改DOM，因此可以延迟执行。带有defer属性的js文件可以和其他资源并行下载。

defer对应的js文件会在解析到<script>时下载，但是不会执行。直到DOM完全加载完成才会执行。

<html>
    <head>
        <title> script defer example </title>
    </head>
    <body>
         <script>
            window.onload = function(){
                console.log("window.oload")
            }
        </script>
        <script src = "defer.js"  defer>
        </script>   
        <script src = "sc.js">    
        </script>
    </body>
</html>

上面代码中的defer.js文件中输出defer。sc.js文件输出script。

代码执行结果为

铁锈_

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
无阻塞脚本一延迟的脚本

无阻塞脚本：在页面加载完成之后才加载js代码。即，window对象的load事件触发后再开始下载脚本实现这种方式的方法之一：延迟的脚本对使用 defer属性。defer属性指明加载的脚本不会修改DOM，因此可以延迟执行。对应的js文件会在解析到时下载，但是不会执行。直到DOM完全加载完成才会执行。带有defer属性的js文件可以和其他资源并行下载。
复制链接

扫一扫

专栏目录