JavaScript 为什么页面会先显示alert()框,而不是先显示页面元素?

Amelie
  • 79

显示顺序
1.显示提示框(此时页面一片空白)
2.点确定后正常显示HelloWorld

<body>
    <script>
        document.write("<h1>HelloWorld</h1>");
        document.write("<h1>HelloWorld</h1>");
        alert("你好");
    </script>
</body>

为什么页面会先显示alert()框,而不是先显示HelloWorld,我的代码明明是HelloWorld写在上面?

回复
阅读 1.1k
5 个回答
✓ 已被采纳
alert会阻塞线程 包括页面渲染的GUI线程
针对你这个问题,我在描述具体点 其实你的dom已经渲染 只是很短暂 然后进程被阻塞了

栗子:比如你有一天去饭店, 告诉老板要吃火锅了,他再给你上火锅的路上, 你出去接了个电话 他已经把火锅端上来了(但是你没看到,你走进去才会看到) (阻塞了)

    document.write("<h1>HelloWorld</h1>");
    document.write("<h1>HelloWorld</h1>");
    setTimeout(function(){alert("你好")},1000) //定时线程走,就可以看到效果

你可以把前两句理解为异步,而alert是同步的阻塞线程

渲染页面是在一次事件循环的末尾执行的,执行跟渲染是分开的,所以先有alert

alert会阻塞进程

你知道吗?

宣传栏