如果窗口不存在，才使用JavaScript的window.open打开窗口

Question

如果窗口不存在，才使用JavaScript的window.open打开窗口

javascriptpopupwindow

21

我有一个程序，在点击链接时会打开一个新窗口。这会生成一个包含Java applet的页面。我遇到的问题是，再次单击相同的链接会重新加载页面，从而重置Java应用程序。有没有办法解决这个问题？两个可接受的解决方案是：

允许从单击处理程序中打开多个窗口
如果窗口已经打开，则忽略后续请求

对于我的JavaScript新手来说，很抱歉 - 这不是我主要的领域。

连接处理程序附加的代码是什么：

function launchApplication(l_url, l_windowName)
{
  var l_width = screen.availWidth;
  var l_height = screen.availHeight;

  var l_params = 'status=1' +
                 ',resizable=1' +
                 ',scrollbars=1' +
                 ',width=' + l_width +
                 ',height=' + l_height +
                 ',left=0' +
                 ',top=0';

  winRef = window.open(l_url, l_windowName, l_params);
  winRef.moveTo(0,0);
  winRef.resizeTo(l_width, l_height);
}

编辑：

谢谢回复 - 我稍微修改了建议，以便通过该函数打开多个URL。

编辑2：此代码的另一个版本位于检查另一个窗口中的打开URL

var g_urlarray = [];

Array.prototype.has = function(value) {
    var i;
    for (var i in this) {
        if (i === value) {
            return true;
        }
    }
    return false;
};


function launchApplication(l_url, l_windowName)
{
  var l_width = screen.availWidth;
  var l_height = screen.availHeight;
  var winRef;

  var l_params = 'status=1' +
                 ',resizable=1' +
                 ',scrollbars=1' +
                 ',width=' + l_width +
                 ',height=' + l_height +
                 ',left=0' +
         ',top=0';
  if (g_urlarray.has(l_url)) {
    winRef = g_urlarray[l_url];
  }
  alert(winRef);
  if (winRef == null || winRef.closed) {
      winRef = window.open(l_url, l_windowName, l_params);
      winRef.moveTo(0,0);
      winRef.resizeTo(l_width, l_height);
      g_urlarray[l_url] = winRef;
  }
}

- Greg Reynolds

6个回答

20

你需要执行2个测试…第1个是检查弹出窗口是否已定义，第2个是检查它是否已关闭。

if(typeof(winRef) == 'undefined' || winRef.closed){
  //create new
  winRef = window.open(....);
} else {
  //it exists, load new content (if necs.)
  winRef.location.href = 'your new url';
  //give it focus (in case it got burried)
  winRef.focus();
}

- scunliffe

优秀的解决方案，可跨浏览器使用。 - SCC

但是即使URL相同，它仍会重新加载窗口。 - SCC

根据我在代码注释中的说明，如果您不想重新加载相同的URL内容，您可以测试 if(winRef.location.href != myNewURL){...} 来仅在不同时重新加载。 - scunliffe

5

您可以在打开新窗口的页面中使用类似以下的内容：

var newWindow = null;

function launchApplication()
{
  // open the new window only if newWindow is null (not opened yet)
  // or if it was closed
  if ((newWindow == null) || (newWindow.closed))
    newWindow = window.open(...);
}

- Martin

1

或者简单的说：if (!newWindow || newWindow.closed) - Ates Goral

如果窗口已经打开，它不会将焦点放在窗口上，也不会加载新的URL。 - SCC

3

工作中的代码

var newwindow = null;
function popitup(url) {
    if ((newwindow == null) || (newwindow.closed)) {
        newwindow=window.open(url,'Buy','width=950,height=650,scrollbars=yes,resizable=yes');
        newwindow.focus();
    } else {
        newwindow.location.href = url;
        newwindow.focus();    
    }
}

- Pad

2

您可以按照以下方式进行检查：

if(!winref || winref.closed)
{
}

- Fistandantilus

@annakata -- 我认为没有空指针问题，因为如果!winref为真，则不应检查IOR的第二部分-- winref.closed。你觉得这样对吗？还是我完全错了？ - Pete Wilson

0

请尝试检查：

if (!winref || winref.closed || !winref.document) { }

- chrism

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- BaileyP · Accepted Answer

我会这样做-基本上在函数本身存储所有引用的打开窗口。当函数触发时，检查窗口是否不存在或已关闭-如果是，则启动弹出窗口。否则，将焦点放在该请求的现有弹出窗口上。

function launchApplication(l_url, l_windowName)
{
  if ( typeof launchApplication.winRefs == 'undefined' )
  {
    launchApplication.winRefs = {};
  }
  if ( typeof launchApplication.winRefs[l_windowName] == 'undefined' || launchApplication.winRefs[l_windowName].closed )
  {
    var l_width = screen.availWidth;
    var l_height = screen.availHeight;

    var l_params = 'status=1' +
                   ',resizable=1' +
                   ',scrollbars=1' +
                   ',width=' + l_width +
                   ',height=' + l_height +
                   ',left=0' +
                   ',top=0';

    launchApplication.winRefs[l_windowName] = window.open(l_url, l_windowName, l_params);
    launchApplication.winRefs[l_windowName].moveTo(0,0);
    launchApplication.winRefs[l_windowName].resizeTo(l_width, l_height);
  } else {
    launchApplication.winRefs[l_windowName].focus()
  }
}