Código de ventana emergente

1. El código de ventana emergente más básico

El código es realmente muy simple:

Porque esto es una pieza de javascript código, por lo que debe colocarse en las etiquetas . -- y --> son válidos para algunos navegadores antiguos. El código de la etiqueta no se mostrará como texto en estos navegadores antiguos. Este es un buen hábito.

window.open (page.html) se utiliza para controlar la nueva ventana emergente page.html. Si page.html no está en la misma ruta que la ventana principal, la ruta debe escribirse antes. la ruta, la ruta absoluta (tanto http://) como las rutas relativas (.... /) son aceptables. Puede utilizar comillas simples y dobles, pero no las mezcle.

Este fragmento de código se puede agregar en cualquier lugar de HTML, entre y , y entre y . Cuanto antes se implemente, antes se implementará. Implementado, especialmente cuando el código de la página es relativamente largo, es aún más importante hacer que la página aparezca lo antes posible.

2. Después de configurar la ventana emergente

Hablemos de la configuración de la ventana emergente. Simplemente agregue un poco más al código anterior.

Personalicemos la apariencia, el tamaño y la posición de la ventana emergente según las características específicas de la página.

Explicación del parámetro:

...El contenido de cualquier página...

Aquí se define una función openwin() y su contenido es Abrir una ventana. No sirve para nada hasta que se llama a la función.

¿Cómo llamarlo?

Método 1: Aparece cuando el navegador lee la página

Método 2: Navegador; Aparece al salir de la página;

Método 3: Llamar usando un enlace:

Método 4: Llamar usando un enlace:

Método 5: Llamar usando un enlace:

Método 6: Utilice la llamada de enlace:

Abrir una ventana

Nota: Utilice el "#" es una conexión virtual.

Método 4: Usar llamada de botón:

4 .Abre 2 ventanas al mismo tiempo

Modifica ligeramente el código fuente:

<.script LANGUAGE="JavaScript">

función openwin()

{ ventana.open ("página.html", "nueva ventana", "altura=100,ancho=100,arriba=0,izquierda=0, barra de herramientas=no,barra de menú=no,barras de desplazamiento=no,resizable=no,barras de desplazamiento=no,resizable=no,resizable=no)barras de desplazamiento=no,resizable=no,ubicación=no,status=no")

file://escribir como una línea

window.open ("page2.html", "newwindow2", "height=100, width =100, top=100, left=100,toolbar= no, barra de menú=no, barras de desplazamiento=no, resizable=no, ubicación=no, estado=no")

archivo://escribir como una línea

}

file://-->

Para evitar que las dos ventanas emergentes se cubran entre sí, utilice la parte superior e izquierda para controlar la posición de la ventana emergente para evitar que se tapen entre sí. Finalmente, puedes llamarlo usando los cuatro métodos mencionados anteriormente.

Nota: Los nombres de las dos ventanas (newwindows y newwindow2) no deben ser iguales, o simplemente estar vacíos. ¿Puedo?

5. La ventana principal abre el archivo 1.htm y aparece la ventana pequeña page.html al mismo tiempo.

El siguiente código agrega el área de ​​la ventana principal: