JavaScript window.open仅在窗口尚不存在时才打开

时间:2009-02-09 15:42:26

标签: javascript popup window

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

  1. 允许从点击处理程序
  2. 打开多个窗口
  3. 如果窗口已打开,则忽略后续请求
  4. 抱歉成为一名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);
    }
    

    编辑:

    感谢您的回复 - 我稍微修改了建议,以便通过该功能打开多个网址。

    EDIT2: 此代码的另一个版本位于Check for a URL open on another window

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

6 个答案:

答案 0 :(得分:20)

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

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

答案 1 :(得分: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();
}

答案 2 :(得分: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(...);
}

答案 3 :(得分: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();    
    }
}  

答案 4 :(得分:2)

您可以这样检查:

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

答案 5 :(得分:0)

尝试检查:

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