JavaScript window.open, только если окно еще не существует

У меня есть приложение, которое открывает новое окно при нажатии на ссылку. Это порождает страницу, содержащую Java-апплет. Проблема, с которой я сталкиваюсь, заключается в том, что нажатие на ту же ссылку перезагружает страницу, которая сбрасывает приложение Java. Есть ли способ поймать это? Два решения, которые были бы приемлемыми:

  1. Разрешить открывать несколько окон из обработчика кликов
  2. Игнорировать последующие запросы, если окно уже открыто

Извиняюсь за то, что я новичок в 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-адреса.

EDIT2: есть еще одна версия этого кода в Проверить, открыт ли 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;
  }
}

person Greg Reynolds    schedule 09.02.2009    source источник


Ответы (6)


Я бы сделал это так - в основном хранил все открытые окна, на которые ссылаются, в самой функции. Когда функция срабатывает, проверьте, не существует ли окно или оно было закрыто, поэтому запустите всплывающее окно. В противном случае сосредоточьтесь на существующем всплывающем окне для этого запроса.

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()
  }
}
person Peter Bailey    schedule 09.02.2009
comment
да, я бы так и сделал - меньше места, больше повторного использования, самодостаточность +1 - person annakata; 09.02.2009
comment
+1 отлично работает. Одна вещь, хотя у вас есть winRefs в исходном чеке, но позже вы пишете его с ошибкой как winrefs - person Rondel; 30.05.2012

Вам нужно выполнить 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();
}
person scunliffe    schedule 09.02.2009
comment
Отличное решение в качестве кросс-браузера - person SCC; 08.03.2014
comment
Но он перезагружает окно, даже если URL тот же - person SCC; 08.03.2014
comment
@user2826057 user2826057 согласно примечанию к моему комментарию в коде - если вы не хотите перезагружать контент, если это тот же URL-адрес, вы можете протестировать if(winRef.location.href != myNewURL){...} для перезагрузки только в том случае, если он отличается. - person scunliffe; 08.03.2014

Вы можете использовать что-то подобное на странице, которая открывает новое окно:

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(...);
}
person M4N    schedule 09.02.2009
comment
Или просто: если (!newWindow || newWindow.closed) - person Ates Goral; 09.02.2009
comment
это не фокусирует окно, если оно уже открыто, а также никогда не загружается с новым URL-адресом - person SCC; 08.03.2014

Рабочий код

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();    
    }
}  
person Pad    schedule 06.05.2012

Вы можете проверить так:

if(!winref || winref.closed)
{
}
person Phaedrus    schedule 09.02.2009
comment
@annakata -- я думаю, что проблемы с нулевым указателем нет, потому что если !winref истинно, то вторую часть IOR -- winref.closed -- никогда не следует проверять. Вам это кажется правильным? Или я ошибаюсь? - person Pete Wilson; 06.08.2011

Попробуйте проверить:

если (!winref || winref.closed || !winref.document) { }

person chrism    schedule 05.11.2011