ejemplo de ventana.abierta
1. El código de ventana emergente más básico
De hecho, el código es muy simple:
lt SCRIPT LANGUAGE=javascriptgt;
lt;! --
ventana.open('página.html')
--gt;
lt;/SCRIPTgt;
lt ;/SCRIPTgt;
Debido a que se trata de un fragmento de código javascript, debe colocarse entre la etiqueta lt;SCRIPT LANGUAGE= javascriptgt;; y lt;/scriptgt;;! -- y --gt; son adecuados para algunos navegadores antiguos, en los que el código de la etiqueta no se mostrará como texto. 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 ser. escrito antes de la ruta, absolutamente Tanto las rutas (http://) como las rutas relativas (.../) están bien. Puede utilizar comillas simples y dobles, pero no las mezcle.
Este código se puede agregar en cualquier posición del HTML, ya sea lt;headgt;; o lt;/headgt;; o lt;bodygt;; o entre lt;/bodygt;; Si lo hace, mejor, especialmente cuando el código de la página es relativamente largo, debe intentar que la página aparezca lo antes posible.
2. Después de configurar la ventana emergente
Lo siguiente trata sobre cómo configurar la ventana emergente. Simplemente agregue un poco más al código anterior.
Permítanos personalizar la apariencia, el tamaño y la posición de la ventana emergente de acuerdo con las condiciones específicas de la página.
lt;IDIOMA DE ESCRITURA=javascriptgt;
lt;! --
ventana.open ('page.html', 'nueva ventana', 'alto=100, ancho=400, arriba=0, izquierda=0, barra de herramientas=no, barra de menú=no, barras de desplazamiento= no, resizable=no.location=no, status=no')
/p>
/Escribir en una línea
--gt; p>
lt;/SCRIPTgt;
Descripción del parámetro:
lt; SCRIPT LANGUAGE=javascriptgt; inicio del script js;
ventana.open aparece un nuevo comando de ventana
'page.html' El nombre del archivo de la ventana emergente
'newwindow' El nombre de la ventana emergente (no el; nombre del archivo), opcional, se puede dejar en blanco ''Reemplazar;
alto=100 alto de la ventana
ancho=400 ancho de la ventana
left=0 Ver el valor de píxel de la ventana desde el lado izquierdo de la pantalla;
barra de herramientas =si mostrar la barra de herramientas, en caso contrario, en caso afirmativo, mostrarla;
barra de menú, barras de desplazamiento Representa barras de menú y barras de desplazamiento. columna.
Resizable=no Si se permite cambiar el tamaño de la ventana, sí
location=no Si se muestra la barra de direcciones, sí
status=; no Ya sea en la barra de estado Mostrar información (generalmente el archivo está abierto), sí
lt;/SCRIPTgt; el script js finaliza
3. arriba windows
El siguiente es el código completo.
lt;htmlgt;
lt;headgt;
lt;script LANGUAGE=JavaScriptgt;
lt;! --
función openwin() { ventana.open (página.html, nueva ventana, altura=100, ancho=400, barra de herramientas=no, barra de menú=no, barras de desplazamiento=no, redimensionable=no, ubicación= no, status=no)
//Escribe en una línea
//--gt;
lt;/scriptgt;
lt;/headgt;
lt;body onload=openwin( )gt;
....Cualquier contenido de página...
lt;/ bodygt;
lt;/htmlgt;
Aquí se define una función openwin(), y el contenido de esta función es abrir una ventana. No tiene ningún efecto hasta que se llama a la función.
¿Cómo llamarlo?
Método 1: lt; body onload=openwin()gt; Aparece una ventana cuando el navegador lee la página
Método 2: lt body onunload=openwin()gt; ; Aparece una ventana cuando el navegador sale de la página;
Método 3: Utilice una llamada de enlace:
lt;a href=# onclick=openwin()gt;; windowlt;/agt ;
Nota: El # utilizado es una conexión virtual.
Método 4: Usar llamada de botón:
lt; input type=button onclick=openwin() value=openwindowgt
4. al mismo tiempo
Modifique ligeramente el código fuente:
lt;script LANGUAGE=JavaScriptgt;
lt;! --
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, ubicación=no, estado=no)
//Escribir en una línea
window.open (page2.html, newwindow2 , alto=100, ancho=100, arriba= 100, izquierda=100, barra de herramientas=no, barra de menú=no, barras de desplazamiento=no, resizable=no, ubicación=no, estado=no)
Oh, ¡Ahora es aún más perfecto!
8. Dentro de la ventana emergente: dos ventanas en una página
Todos los ejemplos anteriores contienen dos ventanas, una es la ventana principal y la otra es una pequeña ventana emergente. ventana.
Con el siguiente ejemplo, puedes lograr los efectos anteriores en una sola página.
lt;htmlgt;
lt;headgt;
lt;SCRIPT LANGUAGE=JavaScriptgt;
función openwin()
{OpenWindow=window.write(¡Nueva ventana abierta!)
OpenWindow.document.write(lt;/BODYgt;)
OpenWindow.document.write(lt; /HTMLgt;)
OpenWindow.document.close()}
lt;/SCRIPTgt;
lt;/headgt;
lt.bodygt;
lt;a href=# onclick=openwin()gt;; Abrir ventanalt;/agt;
lt;tipo de entrada=botón onclick=openwin() valor =open windowgt;
lt;/bodygt;
lt;/htmlgt;
Mira el código en OpenWindow.document.write(), esto no es ¿No es HTML estándar? Simplemente escriba algunas líneas más según el formato. Es importante tener en cuenta que una marca más o una marca menos dará lugar a un error. Recuerde terminar con OpenWindow.document.close().
9. La aplicación definitiva: control de cookies para ventanas emergentes
Si lo piensas bien, la ventana emergente de arriba es genial, pero hay un pequeño problema (tú). No debes haberlo notado si estás inmerso en la alegría) ¿Verdad?) Supongamos que colocas el script anterior en una página que necesitas revisar con frecuencia (como la página de inicio), luego, cada vez que actualices la página, aparecerá la ventana. ¿No es molesto? ¿Hay alguna solución? ¡tener! ;-) Sígueme.
Utilizamos cookies para darle un poco de control.
Primero, agregue el siguiente código en el área HEADgt; de la página HTML principal:
scriptgt;
función openwin()
{window.open(page.html,,, ancho=200, alto=200)}
función get_cookie(Nombre)
{var búsqueda = Nombre =
var valor de retorno = ;
if (document.cookie.length gt; 0) {
desplazamiento = document.cookie.indexOf(búsqueda)
if (desplazamiento! = -1) {
desplazamiento = longitud de búsqueda
end = document.cookie.indexOf(;, desplazamiento);
if (end == -1)
end = document.cookie.length.cookie=popped=yes
}
}
lt;/scriptgt;
Luego, use lt;body onload=loadpopup()gt;; (tenga en cuenta que no es openwin sino loadpop!) para reemplazar el lt;BODYgt; en la página principal; la frase es suficiente. Puede intentar actualizar la página o volver a escribirla para que la ventana no vuelva a aparecer.
Las habilidades de producción y aplicación de ventanas emergentes están básicamente completas después de escribir esto. También estoy agotado. Escribí mucho de una vez. Espero que los amigos que puedan ayudarme con la producción de páginas web. sé feliz conmigo.
Es importante tener en cuenta que los scripts JS funcionan mejor cuando son coherentes.