仅使用一个按钮关闭多个弹出窗口

时间:2017-03-29 10:53:55

标签: javascript jquery popup

我有一个小问题。 我正在创建一个网站,当按下按钮时,会创建2个弹出窗口。一个显示一个图像,另一个显示一组控件,包括两个按钮。我希望按钮能同时关闭两个弹出窗口。

我试图将窗口归因于变量,但是在尝试关闭它时,我显示了" Uncaught TypeError:无法读取属性'关闭'未定义",但变量已定义。

这让我忘记了,这可能很简单。 有人可以帮忙吗?

编辑:代码的一个非常基本的形式是:

<button onclick="openWin()">Open "myWindow"</button>
<button onclick="closeWin()">Close "myWindow"</button>

<script>
var myWindow;

function openWin() {
    myWindow = window.open("", "myWindow", "width=200,height=100");
    myWindow.document.write("<p>This is 'myWindow'</p>");
}

function closeWin() {
    myWindow.close();
}
</script>

https://jsfiddle.net/tbd7k511/1/

1 个答案:

答案 0 :(得分:0)

只需在

myWindow2.close();

中致电

closeWin()

<强>的Javascript

<button onclick="openWin()">Open "myWindow"</button>
<button onclick="closeWin()">Close "myWindow"</button>

<script>
  var myWindow;
  var MyWindow2;

  function openWin() {
    myWindow = window.open("", "myWindow", "width=200,height=100");
    myWindow2 = window.open("", "myWindow2", "width=200,height=200");
  }

  function closeWin() {
    myWindow.close();
    myWindow2.close();
  }

</script>
<button onclick="openWin()">Open "myWindow"</button>
<button onclick="closeWin()">Close "myWindow"</button>