OS模块循环实验：while(1)循环代码为何无法输出内容？

• 主线程被完全阻塞，浏览器无法完成渲染：你写的是无限死循环，JavaScript运行在浏览器主线程，这个线程同时负责JS代码执行和页面渲染。死循环会一直占用主线程资源，浏览器根本抽不出时间来处理渲染逻辑，所以看不到任何输出。
• 额外说明document.write的潜在问题：就算循环不是无限的，若在页面加载完成后调用document.write，它会清空当前文档再写入内容，但这里核心矛盾还是死循环导致的渲染阻塞。

可行修复方案 #

方案1：用定时器替代死循环，给浏览器留渲染时间 #

用setInterval把循环拆分成异步执行的任务，让主线程有间隙处理渲染：

setInterval(() => {
  document.write("<br><br><br><br>keep doing is tough....");
}, 1000);

注意：页面加载完成后第一次调用document.write会清空原有页面内容，之后的调用会在末尾追加。

方案2：用DOM操作代替document.write（更推荐） #

这种方式不会清空页面，还能灵活控制内容添加，同时避免阻塞：

function addText() {
  const content = document.createElement('div');
  content.innerHTML = "<br><br><br><br>keep doing is tough....";
  document.body.appendChild(content);
  setTimeout(addText, 1000);
}
addText();

内容的提问来源于stack exchange，提问作者Ufor Ufor