显示顺序 1.显示提示框(此时页面一片空白) 2.点确定后正常显示HelloWorld <body> <script> document.write("<h1>HelloWorld</h1>"); document.write("<h1>HelloWorld</h1>"); alert("你好"); </script> </body> 为什么页面会先显示alert()框,而不是先显示HelloWorld,我的代码明明是HelloWorld写在上面?

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

5 个回答

得票最新

✓ 已被采纳

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

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

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

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

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

alert会阻塞进程

撰写回答

被 1 篇内容引用

推荐问题