Question

js执行不是阻塞了后面的渲染，而是阻塞了全部内容的渲染

按说是第一个div先显示出来，等js执行完了再显示第二个；可是两个div都是等js执行完了再显示的，为什么？

<div style="width:200px; height:150px;background:red"></div>
<script type="text/javascript">
var aa = 1;
for(var i=1; i<999999999; i++){
aa = aa*i;
}
</script>
<div style="width:200px; height:150px;background:green"></div>

Answer 1

这应该不算是阻塞吧，感觉是浏览器卡顿的问题。

你可以这么试

<div style="width:200px; height:150px;background:red"></div>
<script type="text/javascript">
  alert(1)
</script>
<div style="width:200px; height:150px;background:green"></div>

追问

能给个js执行，阻塞之后渲染的例子吗？不用人为干预（例如alert）