本文介绍如何通过 JavaScript 创建一个以 about:blank 为初始页面、并在其中嵌入指定外部网站的无工具栏弹窗，适用于需规避直接跳转或定制加载环境的场景。

本文介绍如何通过 javascript 创建一个以 `about:blank` 为初始页面、并在其中嵌入指定外部网站的无工具栏弹窗，适用于需规避直接跳转或定制加载环境的场景。

在 Web 开发中，有时我们需要打开一个“干净”的弹窗（即以 about:blank 为初始空白页），再动态注入一个

实现的关键在于：必须显式将 'about:blank' 作为第一个参数传入 window.open()，否则浏览器无法正确初始化文档上下文，后续操作 win.document 将失败（例如抛出 null 或 Permission denied 错误）。

以下是完整、可运行的示例代码：

<button onclick="openEmbeddedPopup()">打开嵌入式弹窗</button>

<script>
function openEmbeddedPopup() {
  // ✅ 正确：显式指定 'about:blank' 作为 URL 参数
  const popup = window.open(
    'about:blank',
    '_blank',
    'width=1000,height=565,'
    + 'directories=no,titlebar=no,toolbar=no,location=no,'
    + 'status=no,menubar=no,scrollbars=yes,resizable=yes'
  );

  // ⚠️ 确保弹窗已加载完成后再操作其 document
  if (popup && !popup.closed) {
    popup.document.write(`
      <!DOCTYPE html>
      <html>
        <head><title>Embedded View
        <body style="margin:0;overflow:hidden;">
          <iframe 
            src="https://example.com" width="100%" 
            height="100%" 
            frameborder="0"
            style="border:none;">
          
        </script>