本文介绍如何通过 JavaScript 创建一个以 about:blank 为初始页面、并在其中嵌入指定外部网站的无边框弹出窗口，适用于需规避直接跳转或适配特定网络环境（如教育网）的场景。

本文介绍如何通过 javascript 创建一个以 `about:blank` 为初始页面、并在其中嵌入指定外部网站的无边框弹出窗口，适用于需规避直接跳转或适配特定网络环境（如教育网）的场景。

要实现“打开一个空白弹窗（about:blank），再在其中动态嵌入目标网页”，关键在于正确初始化弹窗并及时操作其 DOM。你原始代码中的主要问题有三处：

1. window.open() 调用未传入 URL（如 'about:blank'），导致返回的 win 对象可能无法立即访问 document；
2. 第二段代码中 url = "random website 2","", ... 语法错误：多余逗号与参数错位，且将窗口特征字符串误作 url 变量值；
3. 缺少对弹窗文档就绪状态的保障——若在 win.document 尚未完全加载时执行 appendChild，会抛出错误或失效。

✅ 正确做法是：

• 显式调用 window.open('about:blank', '_blank', 'features...') 初始化弹窗；
• 立即向其 document 写入基础 HTML 结构（确保 body 存在）；
• 创建
• （可选）调用 win.focus() 确保弹窗获得焦点。

以下是完整、健壮的实现示例：

<button onclick="openEmbeddedPopup()">Open Embedded Popup</button>

<script>
function openEmbeddedPopup() {
  // ✅ 正确指定 about:blank + 窗口尺寸与禁用栏位
  const features = 'width=1000,height=565,'
                 + 'directories=no,titlebar=no,toolbar=no,location=no,'
                 + 'status=no,menubar=no,scrollbars=yes,resizable=yes';

  const win = window.open('about:blank', '_blank', features);

  // ⚠️ 必须确保弹窗 document 可写 —— 先写入基础结构
  win.document.write(`
    <!DOCTYPE html>
    <html>
      <head><title>Embedded View
      <body style="margin:0;overflow:hidden;"></script>