在javascript中为什么alert之前的DOM也不会被渲染？

Question

我很想知道，为什么在alert之前的dom不会被显示出来呢？不是上下顺序执行吗？比如下面这段代码，为什么h2要等alert执行完才显示，最好能说明原理。<h2>h2</h2><script>alert(1)</script>