本地HTML脚本在Chrome中无法新建窗口写入内容求解决方案

问题根源 #

1. Chrome的文档流处理机制：IE中调用document.write后会自动结束文档流并完成渲染，但Chrome需要显式调用document.close()才能触发页面渲染，否则页面会一直处于加载状态，内容无法显示。
2. 内置页面跨域限制：chrome://newtab是Chrome的内置受限页面，受严格跨域安全策略限制，外部JS无法修改其document，所以你尝试的这种方法从根本上不可行。

可行解决方案 #

方案1：补全文档流关闭步骤（最贴近原代码）

在原代码基础上添加document.close()，确保Chrome触发渲染：

var newWindow = window.open();
newWindow.document.write(sec1 + sec2 + sec3);
newWindow.document.close(); // 关键步骤：结束文档流，触发页面渲染

方案2：使用innerHTML写入内容

如果不需要通过文档流写入，可直接修改新窗口的body内容：

var newWindow = window.open('', '_blank');
newWindow.document.body.innerHTML = sec1 + sec2 + sec3;

方案3：显式操作文档流（更规范的兼容写法）

这种写法对多浏览器兼容性更好：

var newWindow = window.open();
newWindow.document.open(); // 显式打开文档流
newWindow.document.write(sec1 + sec2 + sec3);
newWindow.document.close(); // 关闭文档流并触发渲染

注意事项 #

• 确保sec1、sec2、sec3拼接后的内容是合法的HTML字符串，语法错误会导致内容无法正常渲染。
• 不要尝试操作Chrome内置的chrome://newtab页面，受安全限制无法实现修改。

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