alert 为什么会比它上一条语句先执行

最新推荐文章于 2022-03-28 11:38:32 发布

LM_AC

最新推荐文章于 2022-03-28 11:38:32 发布

阅读量2.5k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/Myair_AC/article/details/77802455

版权

JavaScript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>

    </head>
    <body>

        <div style="background-color: red;">
            显示
        </div>
        <script>
            alert("aa");
        </script>

    </body>
</html>

上面的代码按照道理是先显示出div的内容,再alert,但是实际上是先alert的,然后显示的div的内容,这是因为:div加载到页面需要时间,还没等加载到页面就执行到alert了,此时alert会阻塞线程,这里阻塞的是GUI渲染线程.所以等alert执行完毕后这个线程才会继续执行,将div内容显示到页面上.