JavaScript window.open仅在窗口尚不存在时才打开 [英] JavaScript window.open only if the window does not already exist

问题描述

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

I have an application that opens a new window on clicking a link. This spawns a page that holds a Java applet. The problem I am having is that clicking the same link reloads the page, which resets the Java application. Is there any way to trap this? Two solutions that would be acceptable are:

1. 允许从点击处理程序打开多个窗口


2. 如果窗口已经打开，则忽略后续请求

作为Javascript新手道歉 - 这不是我的主要内容。

Apologies for being a Javascript newbie - it's not really my main thing.

附加到处理程序的代码是

The code attached to the handler is

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。

Thanks for the replies - I modified the suggestions slightly so that I could have more than one URL opened via the function.

EDIT2：
还有另一个版本检查网址是否打开另一个窗口

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;
  }
}

推荐答案

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

I'd do it like this - basically store all the referenced opened windows on the function itself. When the function fires, check if the window doesn't exist or has been close - of so, launch the popup. Otherwise, focus on the existing popup window for that request.

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()
  }
}

这篇关于JavaScript window.open仅在窗口尚不存在时才打开的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！