Abra YY y aparecerá una ventana emergente. .
lt scripting language = " javascript " gt
lt! -
window.open(' ')
- gt;
lt/script gt
Porque es una pieza de código javascripts, por lo que deben colocarse en
Window.open ('page.html ') para controlar la ventana emergente de la nueva ventana page.html. Si page.html no está en la misma ruta que la ventana principal, entonces la ruta debe colocarse al frente, ruta absoluta () o ruta relativa (../). Puede usar comillas simples y dobles, pero no lo haga. mezclarlos.
Este código se puede agregar en cualquier parte del html.
Primero hablemos de la configuración de la ventana emergente. Simplemente agregue algo al código anterior.
Personalicemos la apariencia, el tamaño y la posición de la ventana emergente para que se ajuste a las características específicas de esta página.
ltscript language="javascript" gt
lt! -
ventana.open ('page.html ', 'nueva ventana', ' altura=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 ')
//Escribe una línea
- gt;
lt/script gt;
Explicación del parámetro:
lt script language = "javascript" se inicia el script gtJs;
El comando Window.open abre una nueva ventana;
"página .html" El nombre del archivo de la ventana emergente;
El nombre (no el nombre del archivo) de la ventana emergente "nueva ventana" no es obligatorio y se puede reemplazar con un " en blanco ";
Alto=100 ventanas Alto;
Ancho = 400 ancho de ventana;
Superior = valor de 0 píxeles desde la ventana hasta la parte superior de la pantalla;
Izquierda = 0 píxeles desde la ventana al lado izquierdo de la pantalla Valor de píxel
Barra de herramientas = No, si se muestra la barra de herramientas, sí
Barra de menú, la barra de desplazamiento representa la barra de menú y la barra de desplazamiento.
Resizable=no si se permite cambiar el tamaño de la ventana, sí significa que está permitido
Location=no si se debe mostrar la barra de direcciones, sí significa que está permitido
Estado=no si Muestra la información en la barra de estado (normalmente el archivo está abierto), permitiendo la selección de sí
lt/script gt js script end
El siguiente es el código completo.
lthtml gt
lthead gt
ltscript language = "javascript" gt
lt! -
Función open win(){ ventana abierta(" página . html ", " nueva ventana ", " altura = 100, ancho = 400, barra de herramientas =
No, barra de menú =No, Barra de desplazamiento=No, Redimensionable=No, Posición=No, Estado=No"
//Escribe una línea
}
// - gt ;
lt/script gt;
lt/head gt;
ltbody onload = "open win()" gt;
...Cualquier contenido de la página...
lt/body gt;
lt/html gt;
Aquí se define una función openwin(), la El contenido de la función es abrir una ventana.
¿Cómo llamarla?
Método 2:
Método 3: Llamar con conexión:
lta href = " # " onclick = " open win()" gt; abre la ventana
Nota: El "#" utilizado es Conexión virtual
Método 4: Llamar con botón:
ltinput type = " botón " onclick = " abrir win()" valor = " abrir ventana "
Modificar ligeramente el código fuente:
ltscript language = " javascript " gt
lt -
Función openwin()
{ ventana.open ("pagina.html", "nueva ventana ", "alto=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 "
//Escribe una línea
window.open ("page2.html","newwindow2"," height=100,width=100,top =100, left=100, toolbar=no, menubar=no , barras de desplazamiento=no, resizable=no, ubicación=no, estado=no "
//Escribe una línea
}
//- gt;
lt/script gt;
Para evitar la superposición de dos ventanas emergentes, utilice la parte superior e izquierda para controlar la posición de las ventanas emergentes para evitar que se superpongan entre sí. Finalmente, utilice los cuatro métodos mencionados anteriormente para llamar.
Nota: Los nombres de las dos ventanas (nuevaventana y nuevaventana2) no deben ser iguales o ambas deben estar vacías.
¿Bueno?
El siguiente código se agrega a la ventana principal
ltscript language = "javascript" gt
lt! -
Función openwin()
{window.open("page.html ", " ancho=200, alto=200 "
}
//- gt;
lt/script gt;
Unirse
lta href = " 1 . htm " onclick = " open win( )" gt; abre lt/a gt; y hazlo.
El efecto será mejor si controlamos la ventana emergente nuevamente. Si agregamos un pequeño fragmento de código a la página emergente (tenga en cuenta que se agrega a la página.html, no a la página de inicio; de lo contrario...), ¿no sería mejor que se cerrara automáticamente después de 10 segundos?
Primero, agregue el siguiente código. al área
ltscript language = "javascript" gt
Función closeit()
lt/script gt;
Luego, use
lt form gt
ltinput type = ' button ' value = ' close ' onclick = ' window . lt/form gt;
Jaja, ¡es aún más perfecto ahora!
Los ejemplos anteriores contienen dos ventanas, una es la ventana principal y la otra es una pequeña ventana emergente.
Con el siguiente ejemplo, puedes completar el efecto anterior en una página.
lthtml gt
lthead gt
ltscript language = " javascript " gt
Función openwin()
{openwindow=window.open(","newwin","height=250,width=250,toolbar=no,scrollbars="scroll",menubar=no";
//Escribe una línea
abrir ventana . documento . escribir(" lt; título gt ejemplo
abrir ventana . documento . escribir(" lt; cuerpo bgcolor = # ffffff gt
abrir window . document . write(" lt; h 1 gt; ¡Hola! lt/h1
openwindow.document.write("¡Se ha abierto una nueva ventana!"
abrir ventana. document . write(" lt;/body
abrir ventana . document . write(" lt;/html
abrir ventana.document.close()}
lt/script gt;
lt/head gt;
ltbody gt
lta href = " # " onclick = " open win()" gt lt/a gt;
ltinput type = " botón " onclick = " abrir win()" valor = " abrir ventana "
lt/body gt;
lt/html gt;
Mire el código en openwindow.document.write(). ¿No es html estándar? Simplemente escriba algunas líneas más según el formato. más etiqueta o una etiqueta menos causará errores. Recuerde terminar con openwindow.document.close()
Mirando hacia atrás, la ventana emergente de arriba es genial, pero hay un pequeño problema (debes hacerlo). ¿No lo has notado porque estabas tan inmerso en la alegría?) Si colocas el script anterior en una página a la que se debe acceder con frecuencia (como la página de inicio), aparecerá una ventana cada vez que se actualice la página. ¿No es molesto? ¿Hay alguna solución? ¡Sí! ;-) Sígueme.
Solo utilizamos cookies para controlarlo.
Primero, agregue el siguiente código a
ltscriptgt
Función openwin()
Función get_cookie(nombre)
{var buscar = nombre "="
var valor de retorno =
if(documento. cookie. longitud >0) {
desplazamiento = documento cookie. . índice de(búsqueda)
if (desplazamiento!= -1) {
desplazamiento = longitud de búsqueda
fin = documento .índice de(" ;",offset);
if (end == -1)
end = documento . cookie . longitud;
valor de retorno = unescape(document . cookie . subcadena (desplazamiento, fin))
}
}
Devolver valor de retorno
}
Función loadpopup(){
if (get_cookie('popped')==''){
openwin()
documento. "
}
}
lt/script gt;
Entonces, usa