Обновите открытое окно, которое было открыто с помощью window.open, когда изменения хэша URL-адреса

Question

Открываю небольшое всплывающее окно с использованием window.open(...) и дайте ему имя. Он правильно используется повторно, если для этого окна вызывается window.open s.

function openHelp(hash) { 
    var helpWindow = window.open(location.protocol + "/help.aspx" + (hash ? "#" + hash : ""), "helpWindow", "width=750, height=600, resizable=1, scrollbars=1, location=0, directories=0, status=no, menubar=no, toolbar=no"); 
} 

Тот случай, когда он не работает должным образом, когда кто-то окно открытым на помощь URL страницы и только хэш изменения (т.е. #jump-to-me). Только при перезагрузке страницы страница правильно переходит к хэшу.

Есть ли способ найти открытое окно, убедитесь, что URL-адрес совпадает с тем, что мы пытаемся открыть, и условно выполните window.location.refresh() при изменении хеша?

Answer 1

Был почти там, просто необходимо добавить слушателя событий в это конкретное окно для события hashchange.

function openHelp(hash) { 
    var helpWindow = window.open(location.protocol + "/help.aspx" + (hash ? "#" + hash : ""), "helpWindow", "width=750, height=600, resizable=1, scrollbars=1, location=0, directories=0, status=no, menubar=no, toolbar=no"); 
    helpWindow.addEventListener("hashchange", function() { this.location.reload() }, false); 
} 

Answer 2

Если я получу это право, это поможет вам начать работу.

var extraWindow; 

function makeWindow(){ 
    extraWindow= window.open(/* .. */); 
} 

// this will reload the extra window that you just opened. 
function reloadWindow(){ 
    if(extraWindow){ 
    extraWindow.location.reload(); 
    } 
} 

makeWindow(); 

// reload the window when the hash changes or possibly change the page url based on this. 
window.addEventListener("hashchange", reloadWindow, false); 

Надеюсь, это даст хороший ответ.