需要关闭打开的弹出窗口并导航到URL

时间:2017-03-21 21:35:10

标签: javascript

我是脚本新手,我迷失了。

我有一个页面通过以下链接在两个地方调用弹出窗口:

Click <a href=""


onclick="window.open('poptest.php','chat_popup','toolbar=0,menubar=0,scrollbars=1,width=400,height=400'); return false;">here</a> for the pop-up Chat window only.

此页面上还有一个指向此window.location.href命令的链接:

<button onclick="goto()">Back to the Intro Page</button>
<script>

    function goto() {
        window.location.href="http://www.streamcasters.com/temchat/sidebyside.html";
    }
    </script>

用户在使用window.location.href命令之前没有关闭弹出窗口。这是一个双命令,当用户单击位置脚本时,它也会关闭特定的onclick = window.open选项卡(可能是弹出窗口)当他们转到格式不同的页面时保持打开状态?

谢谢

1 个答案:

答案 0 :(得分:0)

您需要将打开的窗口存储在变量中,并在时间到来时使用该变量关闭窗口

  • 创建一个全局变量,比如popup。通常情况下,全局变量是设计不佳的标志,但在这种情况下,您需要从多个位置访问相同的变量。
  • 不要直接进入window.open,而是利用该方法包含返回结果的事实。所以,popoup=window.open(…)
  • 使用beforeunload事件关闭窗口

这样的事情:

var popup;
window.onbeforeunload = function() {
    if(popup) popup.close();
};