javascript - 检查窗口是否已经打开 window.open

Question

我有一个 html 页面。在页面正文中，我正在调用onload调用 javascript 函数以打开弹出窗口的事件。这是代码：

var newWindow = null;
function launchApplication()
{
    if ((newWindow == null) || (newWindow.closed))
    {
        newWindow = window.open('abc.html','','height=960px,width=940px');
    }
}

当我移动到另一个页面并再次返回该页面时，弹出窗口会重新打开，尽管它已经打开了。请指导我正确的方向，以便如果弹出窗口已经打开，那么它不应该再次打开。我试过document.referred了，但它需要网站在线，目前我正在离线工作。

score 20 · Accepted Answer

newWindow = window.open('abc.html','com_MyDomain_myWindowForThisPurpose','height=960px,width=940px');

给窗口一个名字。像这样基于您的域的名称，可以防止您选择其他人碰巧选择的名称。

永远不要组成以开头的名称_，这些名称是为浏览器区别对待的特殊名称保留的（与锚元素的“目标”属性相同）。

请注意，如果该名称的窗口使用不同的选项（例如不同的高度）打开，那么它将保留这些选项。此处的选项只有在没有该名称的窗口时才会生效，因此您需要创建一个新窗口。

编辑：

请注意，“名称”是窗口的，而不是内容的。它不会影响标题（newWindow.document.title会影响标题，当然会在中编码abc.html）。它确实会影响其他跨窗口做事的尝试。因此，另一个window.open具有相同名称的窗口将重用此窗口。像这样的链接<a href="def.html" target="com_MyDomain_myWindowForThisPurpose">clicky!</a>也会重复使用它。有关在各种情况下（弹出窗口阻止）浏览器拒绝打开窗口的正常警告适用。

score 12 · Accepted Answer

打开一个窗口并在页面刷新之间保留对它的引用。

var winref = window.open('', 'MyWindowName', '', true);
if(winref.location.href === 'about:blank'){
    winref.location.href = 'http://example.com';
}

或以函数格式

function openOnce(url, target){
    // open a blank "target" window
    // or get the reference to the existing "target" window
    var winref = window.open('', target, '', true);

    // if the "target" window was just opened, change its url
    if(winref.location.href === 'about:blank'){
        winref.location.href = url;
    }
    return winref;
}
openOnce('http://example.com', 'MyWindowName');

score 7 · Accepted Answer

您可以通过在窗口关闭时重新分配对它的引用来检查窗口是打开还是关闭。例子：

var newWindow;
var openWindow = function(){
    newWindow = newWindow || window.open('newpage.html');
    newWindow.focus();
    newWindow.onbeforeunload = function(){
        newWindow = null;
    };
};

score 1 · Accepted Answer

使用“关闭”属性：如果一个窗口已经关闭，它的关闭属性将为真。 https://developer.mozilla.org/en-US/docs/Web/API/Window/closed

score 0 · Accepted Answer

当您移动到另一个页面（在同一域上）时，您可以使用弹出页面重新设置window.open 变量，如下所示：

https://jsfiddle.net/u5w9v4gf/

尝试步骤：

单击运行（在 jsfiddle 编辑器上）。
点击试试我（预览）。
单击运行以移动到另一个页面，变量将被重新设置。

代码：

window.currentChild = false;

$("#tryme").click(function() {
    if (currentChild) currentChild.close();
    const child = window.open("about:blank", "lmao", 'width=250,height=300');
    currentChild = child;

    //Scrope script in child windows
    child.frames.eval(`
    setInterval(function () {
        if (!window.opener.currentChild)
            window.opener.currentChild = window;
    }, 500);
  `);
});


setInterval(function() {
console.log(currentChild)
    if (!currentChild || (currentChild && currentChild.closed))
        $("p").text("No popup/child. :(")
    else
        $("p").text("Child detected !")
}, 500);

javascript - 检查窗口是否已经打开 window.open

5 回答 5

Related

Reference