js 初次进入页面 修改dom 页面不显示

当JS初次进入页面并修改DOM时，页面不会立即显示修改后的结果。这是因为浏览器先执行完整个JS脚本，然后才会重新渲染页面，将修改后的DOM内容显示出来。

在脚本执行期间，浏览器会将DOM的修改操作记录下来，但不会立即更新到页面上。这是为了优化性能，避免频繁地重绘和回流。

如果想要确保修改后的DOM在页面中正确显示，可以使用定时器、事件监听器或异步函数等方法来延迟更新DOM。

例如，可以使用setTimeout函数来延迟更新DOM：

setTimeout(function() {
  // 修改DOM的代码
}, 0);

这样，当浏览器执行到setTimeout时，会先将其放入任务队列中，待JS脚本执行完毕后，再执行队列中的任务，从而更新DOM并呈现在页面上。

另外，还可以通过事件监听器来触发DOM的修改，确保在合适的时机进行更新。

总之，当JS初次进入页面并修改DOM时，页面不会立即显示，需要等JS脚本执行完毕后再进行更新。通过延迟更新、事件触发等方式可以确保DOM的修改能够正确地显示在页面上。