Otwórz wyskakujące okienko i odśwież stronę nadrzędną po zamknięciu wyskakującego okienka

Question 1

Otworzyłem wyskakujące okienko przez window.open w JavaScript, chcę odświeżyć stronę nadrzędną po zamknięciu tego wyskakującego okienka. (Zdarzenie onclose?) Jak mogę to zrobić?

window.open("foo.html","windowName", "width=200,height=200,scrollbars=no");

Question 2

Możesz uzyskać dostęp do okna nadrzędnego za pomocą ' window.opener ', więc napisz coś takiego w oknie potomnym:

<script>
    window.onunload = refreshParent;
    function refreshParent() {
        window.opener.location.reload();
    }
</script>

Question 3

W wyskakującym okienku nie ma żadnego zdarzenia zamknięcia, którego można by odsłuchać.

Z drugiej strony istnieje właściwość closed, która jest ustawiana na true, gdy okno zostanie zamknięte.

Możesz ustawić licznik czasu, aby sprawdzić tę zamkniętą właściwość i zrobić to w następujący sposób:

var win = window.open('foo.html', 'windowName',"width=200,height=200,scrollbars=no");   
var timer = setInterval(function() {   
    if(win.closed) {  
        clearInterval(timer);  
        alert('closed');  
    }  
}, 1000);

Zobacz ten działający przykład Fiddle !

Question 4

na swojej stronie podrzędnej umieść te:

<script type="text/javascript">
    function refreshAndClose() {
        window.opener.location.reload(true);
        window.close();
    }
</script>

i

<body onbeforeunload="refreshAndClose();">

ale jako dobry projekt interfejsu użytkownika powinieneś używać Close, buttonponieważ jest bardziej przyjazny dla użytkownika. zobacz kod poniżej.

<script type="text/javascript">
    $(document).ready(function () {
        $('#btn').click(function () {
            window.opener.location.reload(true);
            window.close();
        });
    });
</script>

<input type='button' id='btn' value='Close' />

Question 5

Używam tego:

<script language='javascript'>
var t;
function doLoad() {
t = setTimeout("window.close()",1000);
}

</script>
<script type="text/javascript">
function refreshAndClose() {
    window.opener.location.reload(true);
    window.close();
}
</script>
<body onbeforeunload="refreshAndClose();" onLoad='doLoad()''>

kiedy okno się zamyka, odświeża okno nadrzędne.

Question 6

window.open zwróci odniesienie do nowo utworzonego okna, pod warunkiem, że otwarty adres URL jest zgodny z zasadami tego samego pochodzenia .

To powinno działać:

function windowClose() {
    window.location.reload();
}

var foo = window.open("foo.html","windowName", "width=200,height=200,scrollbars=no");
foo.onbeforeunload= windowClose;

Question 7

W moim przypadku otworzyłem wyskakujące okienko po kliknięciu przycisku linku na stronie nadrzędnej. Aby odświeżyć rodzica po zamknięciu dziecka za pomocą

window.opener.location.reload();

w oknie dziecka spowodowało ponowne otwarcie okna podrzędnego (chyba ze względu na stan widoku. Popraw mnie, jeśli się mylę). Postanowiłem więc nie przeładowywać strony w rodzica i ponownie wczytywać stronę przypisując jej ten sam adres URL.

Aby uniknąć ponownego otwierania wyskakującego okienka po zamknięciu wyskakującego okienka, może to pomóc,

window.onunload = function(){
    window.opener.location = window.opener.location;};

Question 8

Jeśli Twoja aplikacja działa w przeglądarce obsługującej HTML5. Możesz użyć postMessage . Podany tam przykład jest bardzo podobny do twojego.

Question 9

Spróbuj tego

        self.opener.location.reload();

Otwórz element nadrzędny bieżącego okna i ponownie załaduj lokalizację.

Question 10

Możesz wejść na stronę główną za pomocą polecenia rodzica (rodzic jest oknem) po kroku możesz zrobić wszystko ...

    function funcx() {
        var result = confirm('bla bla bla.!');
        if(result)
            //parent.location.assign("http://localhost:58250/Ekocc/" + document.getElementById('hdnLink').value + "");
            parent.location.assign("http://blabla.com/" + document.getElementById('hdnLink').value + "");
    }

Question 11

Możesz użyć poniższego kodu na stronie nadrzędnej.

<script>
    window.onunload = refreshParent;
    function refreshParent() {
      window.opener.location.reload();
    }
</script>

Question 12

Poniższy kod pozwoli odświeżyć zamknięcie okna nadrzędnego:

function ManageQB_PopUp() {
            $(document).ready(function () {
                window.close();
            });
            window.onunload = function () {
                var win = window.opener;
                if (!win.closed) {
                    window.opener.location.reload();
                }
            };
        }

Answer 1

95

Otworzyłem wyskakujące okienko przez window.open w JavaScript, chcę odświeżyć stronę nadrzędną po zamknięciu tego wyskakującego okienka. (Zdarzenie onclose?) Jak mogę to zrobić?

window.open("foo.html","windowName", "width=200,height=200,scrollbars=no");

javascript html javascript-events ArMaN
źródło

1

Sprawdź to: stackoverflow.com/questions/18321323/ ... może komuś pomóc

NoNaMe

Answer 2

1

Sprawdź to: stackoverflow.com/questions/18321323/ ... może komuś pomóc

NoNaMe

Answer 3

233

Możesz uzyskać dostęp do okna nadrzędnego za pomocą ' window.opener ', więc napisz coś takiego w oknie potomnym:

<script>
    window.onunload = refreshParent;
    function refreshParent() {
        window.opener.location.reload();
    }
</script>

Morrison Cole
źródło

Nie znałem window.opener, dzięki! Okno wywołującego zawsze umieszczam w zmiennej w contentWindow dziecka. : - /

kay

3

Jeśli nie kontrolujesz JavaScript na stronie podrzędnej (np. Przepływ OAuth), będziesz musiał sprawdzić popupWindow.closedużywając rozwiązania setIntervaljak w @ Zuul.

jchook

Answer 4

Nie znałem window.opener, dzięki! Okno wywołującego zawsze umieszczam w zmiennej w contentWindow dziecka. : - /

kay

Answer 5

3

Jeśli nie kontrolujesz JavaScript na stronie podrzędnej (np. Przepływ OAuth), będziesz musiał sprawdzić popupWindow.closedużywając rozwiązania setIntervaljak w @ Zuul.

jchook

Answer 6

34

W wyskakującym okienku nie ma żadnego zdarzenia zamknięcia, którego można by odsłuchać.

Z drugiej strony istnieje właściwość closed, która jest ustawiana na true, gdy okno zostanie zamknięte.

Możesz ustawić licznik czasu, aby sprawdzić tę zamkniętą właściwość i zrobić to w następujący sposób:

var win = window.open('foo.html', 'windowName',"width=200,height=200,scrollbars=no");   
var timer = setInterval(function() {   
    if(win.closed) {  
        clearInterval(timer);  
        alert('closed');  
    }  
}, 1000);

Zobacz ten działający przykład Fiddle !

Zuul
źródło

1

nie chcę używać timera! jakikolwiek inny pomysł?

ArMaN

1

Trochę hackerskie, ale myślę, że używanie timera będzie działać najlepiej we wszystkich przeglądarkach.

kay

Jest to również najlepsze rozwiązanie, jeśli wyskakujące okienko ma kilka stron przed zamknięciem, ponieważ zdarzenie onunload jest wyzwalane dopiero po opuszczeniu przez użytkownika pierwszej strony.

AntonChanning

Answer 7

1

nie chcę używać timera! jakikolwiek inny pomysł?

ArMaN

Answer 8

1

Trochę hackerskie, ale myślę, że używanie timera będzie działać najlepiej we wszystkich przeglądarkach.

kay

Answer 9

Jest to również najlepsze rozwiązanie, jeśli wyskakujące okienko ma kilka stron przed zamknięciem, ponieważ zdarzenie onunload jest wyzwalane dopiero po opuszczeniu przez użytkownika pierwszej strony.

AntonChanning

Answer 10

14

na swojej stronie podrzędnej umieść te:

<script type="text/javascript">
    function refreshAndClose() {
        window.opener.location.reload(true);
        window.close();
    }
</script>

i

<body onbeforeunload="refreshAndClose();">

ale jako dobry projekt interfejsu użytkownika powinieneś używać Close, buttonponieważ jest bardziej przyjazny dla użytkownika. zobacz kod poniżej.

<script type="text/javascript">
    $(document).ready(function () {
        $('#btn').click(function () {
            window.opener.location.reload(true);
            window.close();
        });
    });
</script>

<input type='button' id='btn' value='Close' />

Ray Cheng
źródło

kiedy wyskakujące okienko jest zamknięte, a nie gdy użytkownik kliknie przycisk, aby odświeżyć stronę i zamknąć wyskakujące okienko

gengkev

@gengkev, wiedziałem, że OP chce dołączyć zdarzenie do zamknięcia okna, ale uważam, że użycie przycisku to lepszy projekt interfejsu użytkownika. jednak dołączyłem kod dla obu. proszę doradź.

Ray Cheng

Użyłem <body onbeforeunload = "refreshAndClose ();"> <script type = "text / javascript"> function refreshAndClose () {window.opener.location.reload (true); } self.close (); </script>

steve0nz

Answer 11

kiedy wyskakujące okienko jest zamknięte, a nie gdy użytkownik kliknie przycisk, aby odświeżyć stronę i zamknąć wyskakujące okienko

gengkev

Answer 12

@gengkev, wiedziałem, że OP chce dołączyć zdarzenie do zamknięcia okna, ale uważam, że użycie przycisku to lepszy projekt interfejsu użytkownika. jednak dołączyłem kod dla obu. proszę doradź.

Ray Cheng

Answer 13

Użyłem <body onbeforeunload = "refreshAndClose ();"> <script type = "text / javascript"> function refreshAndClose () {window.opener.location.reload (true); } self.close (); </script>

steve0nz

Answer 14

Używam tego:

<script language='javascript'>
var t;
function doLoad() {
t = setTimeout("window.close()",1000);
}

</script>
<script type="text/javascript">
function refreshAndClose() {
    window.opener.location.reload(true);
    window.close();
}
</script>
<body onbeforeunload="refreshAndClose();" onLoad='doLoad()''>

kiedy okno się zamyka, odświeża okno nadrzędne.

Answer 15

2

window.open zwróci odniesienie do nowo utworzonego okna, pod warunkiem, że otwarty adres URL jest zgodny z zasadami tego samego pochodzenia .

To powinno działać:

function windowClose() {
    window.location.reload();
}

var foo = window.open("foo.html","windowName", "width=200,height=200,scrollbars=no");
foo.onbeforeunload= windowClose;

Cranz
źródło

Nie będzie działać, jeśli użytkownik będzie mógł podążać za linkami w otwartym oknie. I jestem całkiem pewien, że zdarzenie unload jest generowane przed pierwszym załadowaniem docelowego adresu URL, ponieważ niejawnie zostawiasz about: puste. (+1 za wspomnienie SOP)

kay

Answer 16

Nie będzie działać, jeśli użytkownik będzie mógł podążać za linkami w otwartym oknie. I jestem całkiem pewien, że zdarzenie unload jest generowane przed pierwszym załadowaniem docelowego adresu URL, ponieważ niejawnie zostawiasz about: puste. (+1 za wspomnienie SOP)

kay

Answer 17

W moim przypadku otworzyłem wyskakujące okienko po kliknięciu przycisku linku na stronie nadrzędnej. Aby odświeżyć rodzica po zamknięciu dziecka za pomocą

window.opener.location.reload();

w oknie dziecka spowodowało ponowne otwarcie okna podrzędnego (chyba ze względu na stan widoku. Popraw mnie, jeśli się mylę). Postanowiłem więc nie przeładowywać strony w rodzica i ponownie wczytywać stronę przypisując jej ten sam adres URL.

Aby uniknąć ponownego otwierania wyskakującego okienka po zamknięciu wyskakującego okienka, może to pomóc,

window.onunload = function(){
    window.opener.location = window.opener.location;};

Answer 18

1

Jeśli Twoja aplikacja działa w przeglądarce obsługującej HTML5. Możesz użyć postMessage . Podany tam przykład jest bardzo podobny do twojego.

Chris Li
źródło

„W przeciwnym razie nie będzie można komunikować się między różnymi oknami”. jest źle. Technika jest nadal możliwa, chociaż polecam odpowiedź od @Moses

gengkev

-1 usunięte. Jeśli podasz mały przykład, dostaniesz nawet +1 ;-)

kay

Nieważne. Ale nie sądzę, żeby window.opener było OK dla IE. Spróbuję.

Chris Li

1

@kay, działa świetnie w IE7, 8. Bardzo fajnie, wcześniej tego nie wiedziałem. +1 dla Mojżesza.

Chris Li

1

@ArMaN: jsfiddle.net/8c2e4/10 , użyj window.opener. Możesz użyć tego do przetestowania swojego środowiska.

Chris Li

Answer 19

„W przeciwnym razie nie będzie można komunikować się między różnymi oknami”. jest źle. Technika jest nadal możliwa, chociaż polecam odpowiedź od @Moses

gengkev

Answer 20

-1 usunięte. Jeśli podasz mały przykład, dostaniesz nawet +1 ;-)

kay

Answer 21

Nieważne. Ale nie sądzę, żeby window.opener było OK dla IE. Spróbuję.

Chris Li

Answer 22

1

@kay, działa świetnie w IE7, 8. Bardzo fajnie, wcześniej tego nie wiedziałem. +1 dla Mojżesza.

Chris Li

Answer 23

1

@ArMaN: jsfiddle.net/8c2e4/10 , użyj window.opener. Możesz użyć tego do przetestowania swojego środowiska.

Chris Li

Answer 24

1

Spróbuj tego

        self.opener.location.reload();

Otwórz element nadrzędny bieżącego okna i ponownie załaduj lokalizację.

nmkyuppie
źródło

Answer 25

Możesz wejść na stronę główną za pomocą polecenia rodzica (rodzic jest oknem) po kroku możesz zrobić wszystko ...

    function funcx() {
        var result = confirm('bla bla bla.!');
        if(result)
            //parent.location.assign("http://localhost:58250/Ekocc/" + document.getElementById('hdnLink').value + "");
            parent.location.assign("http://blabla.com/" + document.getElementById('hdnLink').value + "");
    }

Answer 26

Możesz użyć poniższego kodu na stronie nadrzędnej.

<script>
    window.onunload = refreshParent;
    function refreshParent() {
      window.opener.location.reload();
    }
</script>

Answer 27

Poniższy kod pozwoli odświeżyć zamknięcie okna nadrzędnego:

function ManageQB_PopUp() {
            $(document).ready(function () {
                window.close();
            });
            window.onunload = function () {
                var win = window.opener;
                if (!win.closed) {
                    window.opener.location.reload();
                }
            };
        }

Otwórz wyskakujące okienko i odśwież stronę nadrzędną po zamknięciu wyskakującego okienka

Odpowiedzi: