Cómo reemplazar una ventana de JavaScript

Los "window.open () \" \ método JavaScript se utiliza para abrir las ventanas emergentes de enlaces. Las ventanas emergentes permiten dar a sus visitantes información sin forzarlos a salir de la página actual que está viendo las ventanas pop-up se utilizan comúnmente para mostrar imágenes, ayuda, instrucciones y otra información, mientras que la página web original permanece visible en el principal ventana del navegador. Uno de los peligros de usar window.open () es que se abre una nueva ventana cada vez que se llama si no se llama correctamente. La reutilización de una ventana emergente existente en su JavaScript guarda los visitantes de tener sus escritorios llenas de ventanas pop-up.

Instrucciones

1 Abra el archivo que contiene el código JavaScript en la que desea añadir la funcionalidad de ventana emergente en su editor favorito JavaScript.

2 Añadir las siguientes variables a la parte superior de la secuencia de comandos:

var popUpWin
IR
var = is_chrome navigator.userAgent.toLowerCase (). indexOf ( "chrome")> -1
IR
var = is_opera navigator.userAgent.toLowerCase (). indexOf ( 'ópera')> -1
IR

\ "PopUpWin \" será utilizado para realizar un seguimiento de la ventana emergente. \ "Is_chrome \" y \ "is_opera \" se utilizará para la compatibilidad del navegador. Si el visitante es el uso de los navegadores web Chrome u Opera, una de estas dos variables tendrá el valor \ "true \".

3 Iniciar una nueva función llamada \ Toma la URL (dirección web) del documento o imagen que se abrirá en la ventana emergente "OpenPage \.":

función OpenPage (URL) {

4 Agregue el código siguiente para cerrar la ventana emergente si está abierto y su visitante está usando Chrome u Opera:

si (popUpWin && (is_chrome || is_opera)) {

popUpWin.close ()

IR
}

Al cerrar la ventana emergente en Chrome y Opera obligará a la ventana emergente para abrir delante de otras ventanas cuando se vuelva a abrir.

5 Acabar con la función de su \ "OpenPage \" abriendo la URL proporcionada en la ventana emergente. El último parámetro al método window.open () es una lista de características de la ventana se puede utilizar para personalizar el tamaño de ventana, barras de herramientas, barras de desplazamiento y otras propiedades. Ver el \ "DOM: window.open \" documentación en la sección Recursos para obtener una lista completa de características.

popUpWin = window.open (URL, 'pop-up', 'width = 600, height = 600')
IR
si (window.focus) {

popUpWin.focus ()

IR
}
}

Si la ventana emergente no está abierto, se creará, que muestra la página de la URL. Si la ventana emergente ya está abierta, se vuelve a utilizar la misma ventana. El método window.focus () fuerza a la ventana emergente para moverse delante de las demás ventanas abiertas por lo que es visible. Opera y Chrome no son compatibles con el método window.focus ().

6 Añadir enlaces a su HTML, llamando a la función de su \ "OpenPage \", pasándole el URL para el documento que desea abrir. Por ejemplo:

<a href=\"javascript:openPage('cat.html')\">
Gato </a> |
<a href=\"javascript:openPage('dog.html')\">
Perro </a> |
<a href=\"javascript:openPage('penguin.html')\">
pingüino </a>

En Chrome y Opera, la ventana emergente se abrirá en la posición predeterminada para las nuevas ventanas en la pantalla. En todos los demás navegadores, la ventana emergente se reutiliza, la página visualizada es reemplazada por la nueva página, y la ventana aparece donde estaba colocado en la última pantalla.

Consejos y advertencias

• Prueba si su ventana emergente fue bloqueada mediante el uso de \ "if (! PopUpWin) {...} \". En el bloque si, puede aparecer un mensaje en un cuadro de alerta o utilizar la ventana actual para mostrar la dirección URL solicitada usando \ "window.location URL = \".