¿QB recompensa el código emergente directo? ¿Alguien puede decirme?

De hecho, el código es muy simple:

lt; script language="javascript"gt; es;!

window.open ('page.html')

--gt;

lt;/scriptgt

Porque esto es Un fragmento de código javascript, por lo que deben colocarse en etiquetas . -- 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 Ambas rutas (http://) y rutas relativas (.../) son aceptables. Puede utilizar comillas simples y dobles, pero no las mezcle.

Este código se puede agregar en cualquier posición del html, entre lt;headgt; y lt;/headgt;, o entre lt;bodygt; y lt;/bodygt;, cuanto antes se ejecute. Mejor el código de la página, especialmente si desea que la página aparezca lo antes posible.

2. Después de configurar la ventana emergente

Lo siguiente configurará la ventana emergente nuevamente. 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.

lt;script language="javascript"gt;

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, ubicación=no, status=no')

//Escribir en una línea

--gt;

lt;/scriptgt; /p>

Descripción del parámetro:

lt; script language="javascript"gt; inicio del script js

comando window.open para abrir una nueva 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 reemplazar por vacío '';

altura= 100 altura de la ventana;

ancho= 400 ancho de la ventana;

top=0 valor de píxel de la ventana vista desde arriba de la pantalla;

left= 0 Ver el valor de píxeles de la ventana desde el lado izquierdo de la pantalla;

toolbar=No, si mostrar la barra de herramientas, en caso afirmativo, mostrar it;

barra de menú, las barras de desplazamiento representan la barra de menú y la barra de desplazamiento. Las barras de desplazamiento representan barras de menú y barras de desplazamiento.

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="javascript"gt;!

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, resizable=no, ubicación="javascript" gt;

lt; lenguaje de escritura="javascript"gt

lt; status=no")

//Escribe en una línea

}

//--gt;

lt;/scriptgt

lt;/headgt;

lt;body onload="openwin()"gt

...Cualquier contenido de la página...

lt;/bodygt;

lt;/htmlgt;

Aquí se define una función openwin(), que se utiliza para 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 cuando el navegador lee la página

Método 2: lt; " gt; aparece cuando el navegador sale 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: Usar llamada de enlace:

lt;a href="#" onclick="openwin()"gt; agt;

Nota: El "#" utilizado es una conexión virtual.

Método 4: Llamar con el botón:

lt; input type="button" onclick="openwin()" value="Abrir ventana"gt; > 4. Aparecen dos ventanas al mismo tiempo

Modifica ligeramente el código fuente:

lt. script language="javascript"gt; ! ----------p>

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, resizable=no, resizable=no, resizable= no, resizable=no. scrollbar=no, resizable=no, position=no, status=no")

// Escribir en una línea

window.open (" page2. html", "nueva ventana2", "alto=100, ancho=100, arriba=100, izquierda=100, barra de herramientas=no, barra de menú=no, barras de desplazamiento=no, redimensionable=no, ubicación=no, estado=no")

//Escribir en una línea

}

//--gt;

lt;/scriptgt

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

Nota: Los nombres de las dos ventanas (newwindows y newwindow2) no pueden ser iguales o pueden estar completamente vacías.

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

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

lt;script language="javascript"gt;

lt;!

función openwin()

{window.open("page.html", "", "ancho=200, alto=200") lt; >

//--gt;

lt; gt;

Agregar lt;bodygt; Región:

lt;a href="1.htm" onclick="openwin()"gt;openlt;/agt;

6. Control de cierre del temporizador de la ventana emergente

Ahora tenemos cierto control sobre la ventana emergente y el efecto es relativamente bueno.

¿No sería mejor si agregamos un pequeño fragmento de código a la página emergente (tenga en cuenta que se agrega a page.html html, no a la página principal, de lo contrario...) y dejamos que se cierre automáticamente después de 10 segundos? ?

Primero, agregue el siguiente código a la sección headgt del archivo page.html:

script language="javascript"gt

function closeit();

{settimeout(" self.close()", 10000) // milisegundos}.

Luego, reemplace la línea en page.html con . (¡No olvides escribir esta oración! La función de esta oración es llamar al código para cerrar la ventana y cerrar la ventana después de 10 segundos).

7. Configure el botón de cierre en la ventana emergente

lt;

lt; onclick=' window.close()'gt;

lt;/formgt;

¡Oh, ahora está mejor!

8. En la ventana emergente incluida: dos ventanas en una página

Todos los ejemplos anteriores contienen dos ventanas, una es la ventana principal y la otra es una ventana emergente pequeña. ventana arriba.

Con el siguiente ejemplo, puedes lograr los efectos anteriores en una sola página.

lt; htmlgt;

lt; headgt;

lt; lenguaje de escritura="javascript"gt;

{openwindow=window.open("", "newwin", "altura=250, ancho=250, barra de herramientas=no, barras de desplazamiento="desplazamiento", barra de menú=no"); //escríbelo en una línea lt;brgt;openwindow.document.write("lt;titlegt;examplett;/titlegt;") lt;brgt;openwindow.document.write("lt;body bgcolor=#ffffffgt;") lt;brgt;openwindow.document.write("lt;h1gt;hello!lt;/h1gt;") lt;brgt;openwindow.document.write("lt;h1gt;hello!write("¡nueva ventana abierta!") lt; brgt; openwindow.document.write("lt;/bodygt;") lt; openwindow.document.write("lt;/htmlgt;") lt; onclick="openwin()" value="Abrir ventana"gt;

lt;/bodygt;

lt;/htmlgt;

document.write() ¿No es este 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

Recuerde que la ventana emergente de arriba es genial, pero hay un pequeño problema (estoy tan inmerso) ¿Me alegro de no haberlo notado?) Supongamos que coloca el script anterior en una página que debe pasarse con frecuencia (como la página de inicio), luego, cada vez que se actualice la página, aparecerá la ventana Isn'. ¿No es tan molesto?

Utilizamos cookies para controlar esto.

Primero, agregue el siguiente código en la sección lt;headgt; de la página de inicio html:

lt;scriptgt;

function openwin()

p>

{window.open("page.html",", "ancho=200, alto=200")}.

función get_cookie(nombre)

{ var buscar = nombre "=" brgt; var valor de retorno = ""; brgt; if (document.cookie. longitud gt; 0) { brgt; desplazamiento = document.cookie.indexof(búsqueda) lt; ; si (desplazamiento! = -1) { lt; brgt; desplazamiento = búsqueda.longitud brgt; final = documento.cookie.indexof(";", desplazamiento lt; lt; brgt; end = documento.

return returnvalue

}

función loadpopup(){

if (get_cookie(') popped')= =''){

openwin ()

document.cookie="popped=yes"

}

}

lt;/scriptgt;

Luego, use lt;body onload="loadpopup()"gt; (tenga en cuenta que no es openwin sino loadpop!) para reemplazar el original. lt;bodygt en la página principal; la oración es suficiente. Puede intentar actualizar la página o volver a escribirla y la ventana no volverá a aparecer.