document.write()在页面加载完成后调用会清空整个页面，因其隐式触发document.open()重开文档流；应避免在domcontentloaded、load事件或在线运行器中使用，改用innerhtml或textcontent。

直接用浏览器就能跑 HTML，根本不需要装软件、配环境、起服务器——只要代码合法、结构完整，iframe 或 data: URL 就能当场渲染。但“能跑”不等于“跑得稳”，很多初学者卡在空白页、控制台报错、样式不生效这些地方，问题往往出在执行上下文或协议限制上，而不是代码本身。

Wechat HTML Publisher

直接上传HTML富文本到微信公众号草稿箱。支持完整的HTML格式,无需Markdown转换。

下载

为什么 document.write() 在在线运行器里会清空整个页面

这是最典型的“写完就没了”现象：你加了一行 document.write("hello")，预览区反而变白了。原因很简单——document.write() 在文档加载完成后调用，会隐式触发 document.open()，把当前文档流清空重开。

• 在线编辑器（如 CodePen、JSFiddle）的预览区本质是独立 iframe，HTML 内容由父页注入，属于“已加载完成”状态
• 除非你把 document.write() 放在 <script></script> 标签里且确保它在

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！