用javascript父窗口控制只弹出一个子窗口

要实现父窗口控制只弹出一个子窗口，需要满足以下几个步骤：

1. 在父窗口中定义一个全局变量，用于保存打开的子窗口对象。

2. 在打开子窗口的函数中，先判断全局变量是否为空。如果为空，说明没有打开过子窗口，那么创建新的子窗口对象并赋值给全局变量。如果不为空，说明已经存在子窗口，那么判断子窗口是否关闭，如果关闭，则再次创建新的子窗口对象并赋值给全局变量；如果没有关闭，则聚焦在已存在的子窗口上。

3. 在子窗口关闭时，将全局变量的值置为空。

下面是两个示例说明：

1. 在父窗口点击按钮弹出子窗口

父窗口代码：

<script>
var childWindow = null;

function openChildWindow(url) {
  if (childWindow && !childWindow.closed) {
    childWindow.focus();
  } else {
    childWindow = window.open(url, "childWindow");
  }
}

function closeChildWindow() {
  if (childWindow && !childWindow.closed) {
    childWindow.close();
    childWindow = null;
  }
}
</script>

<button onclick="openChildWindow('https://www.example.com')">打开子窗口</button>
<button onclick="closeChildWindow()">关闭子窗口</button>

子窗口代码：

<script>
window.onunload = function() {
  window.opener.childWindow = null;
}
</script>

1. 在子窗口点击链接打开新的子窗口

父窗口代码：

<script>
var childWindow = null;

function openChildWindow(url) {
  if (childWindow && !childWindow.closed) {
    childWindow.focus();
  } else {
    childWindow = window.open(url, "childWindow");
  }
}

function closeChildWindow() {
  if (childWindow && !childWindow.closed) {
    childWindow.close();
    childWindow = null;
  }
}
</script>

<button onclick="openChildWindow('https://www.example.com')">打开子窗口</button>
<button onclick="closeChildWindow()">关闭子窗口</button>

子窗口代码：

<script>
window.onunload = function() {
  if (opener && opener.childWindow && !opener.childWindow.closed) {
    opener.childWindow.close();
  }
}
</script>

<a href="https://www.example.com" target="_blank" onclick="window.open(this.href, 'childWindow'); return false;">点击打开新的子窗口</a>