Abrí una ventana emergente por window.open en JavaScript, quiero actualizar la página principal cuando cierro esta ventana emergente. (¿Evento de cierre?) ¿Cómo puedo hacer eso?
window.open("foo.html","windowName", "width=200,height=200,scrollbars=no");Respuestas:
Puede acceder a la ventana principal usando ' window.opener ', por lo tanto, escriba algo como lo siguiente en la ventana secundaria:
<script>
window.onunload = refreshParent;
function refreshParent() {
window.opener.location.reload();
}
</script>popupWindow.closedusando setIntervalcomo en la solución de @ Zuul.
La ventana emergente no tiene ningún evento de cierre que pueda escuchar.
Por otro lado, hay una propiedad cerrada que se establece en verdadera cuando se cierra la ventana.
Puede configurar un temporizador para verificar esa propiedad cerrada y hacerlo así:
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); ¡Vea este ejemplo funcional de Fiddle !
en la página de su hijo, ponga estos:
<script type="text/javascript">
function refreshAndClose() {
window.opener.location.reload(true);
window.close();
}
</script>y
<body onbeforeunload="refreshAndClose();">pero como un buen diseño de interfaz de usuario, debe usar un cierre buttonporque es más fácil de usar. ver código a continuación.
<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' />Yo uso esto:
<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()''>cuando la ventana se cierra, actualiza la ventana principal.
window.open devolverá una referencia a la ventana recién creada, siempre que la URL abierta cumpla con la Política del mismo origen .
Esto debería funcionar:
function windowClose() {
window.location.reload();
}
var foo = window.open("foo.html","windowName", "width=200,height=200,scrollbars=no");
foo.onbeforeunload= windowClose;En mi caso, abrí una ventana emergente al hacer clic en el botón de enlace en la página principal. Para actualizar a los padres sobre el cierre del niño usando
window.opener.location.reload();en la ventana secundaria provocó que se volviera a abrir la ventana secundaria (podría ser debido al estado de vista, supongo. Corrígeme si me equivoco). Así que decidí no volver a cargar la página en el padre y cargar la página nuevamente asignándole la misma URL.
Para evitar que la ventana emergente se abra nuevamente después de cerrar la ventana emergente, esto podría ayudar,
window.onunload = function(){
window.opener.location = window.opener.location;};Si su aplicación se ejecuta en un navegador compatible con HTML5. Puede utilizar postMessage . El ejemplo que se da allí es bastante similar al suyo.
Puede acceder a la página principal con el comando principal (el padre es la ventana) después del paso, puede hacer todo ...
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 + "");
} El siguiente código logrará actualizar el cierre de la publicación de la ventana principal:
function ManageQB_PopUp() {
$(document).ready(function () {
window.close();
});
window.onunload = function () {
var win = window.opener;
if (!win.closed) {
window.opener.location.reload();
}
};
}