Red de conocimiento informático - Material del sitio web - Cómo abrir una ventana de página web con tamaño y contenido fijos

Cómo abrir una ventana de página web con tamaño y contenido fijos

Colección de resumen emergente (continuación)

Tutorial de Asp-Aplicación ASP

Esto. respuesta.Write("lt;Script gtwindow.open('WebForm7.aspx ','',' barra de herramientas=no, ubicación=no, directorios=no, estado=no, barra de menú=no, barras de desplazamiento=no, redimensionable=yes, width=750, height=470, left=80, top = 40 '); lt/script >);

La ventana emergente no tiene nada que ver con si su ventana actual tiene una barra de herramientas de menú. Solo es necesario escribirlo en la página. Aparecerá un script. Por ejemplo,

lta href = # onclick = " window . open(' XXX . aspx ', 'nombre de la ventana', 'parámetros'. );" gtxxxxx lt /a gt;

Los siguientes son algunos parámetros para la ventana emergente, que usted mismo puede configurar.

Cadena opcional: lista de objetos separados por comas. Cada elemento tiene su propio valor y están separados (por ejemplo, "pantalla completa = sí, barra de herramientas = sí"). /p>

directorio = { sí | no | 1 | 0 } Si se muestran varios botones en la ventana

Pantalla completa = {sí no 1 | modo de pantalla completa. El valor predeterminado es "no". Utilice esta función con precaución, por lo que debe proporcionar un botón u otras indicaciones para ayudar al usuario a cerrar esta ventana del navegador. >Altura = número especifica la altura de la ventana en píxeles

Izquierda = número especifica la distancia desde la ventana hasta el borde izquierdo, en píxeles

Ubicación = {yes no | | 1 | 0} especifica si está en la ventana.

Menubar = {yes | 0} Especifica si se muestra la barra de menú. >

Resizable = {yes | no | 1 | 0} especifica si se muestran identificadores de tamaño variable en la ventana

Scrollbars = {yes | no 0} manejar en la ventana Barra de desplazamiento horizontal o barra de desplazamiento vertical. El valor predeterminado es sí.

Estado = {yes | no | 1 | 0} especifica si la barra de estado se muestra en la ventana. El valor predeterminado es sí.

Titlebar = {yes | no | 1 | 0} especifica si la barra de título se muestra en la ventana. Este elemento se ignorará y no se llamará a ninguna aplicación HTML ni a ningún cuadro de diálogo. El valor predeterminado es sí.

Toolbar = {yes | no | 1 | 0} especifica si se muestra la barra de herramientas en la ventana, incluidos los botones de avance, retroceso y parada. El valor predeterminado es sí.

Top = número especifica la posición de la parte superior de la ventana en píxeles. El valor debe ser mayor o igual a 0.

Ancho = número especifica el ancho de la ventana en píxeles.

El valor mínimo es 100.

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

ltscript language = "javascript" gt

lt! -

ventana.open ('page.html ')

- gt;

lt/SCRIPT gt;

Porque esto es Un fragmento de código javascripts, por lo que deben colocarse

2. Ventana emergente después de configurar

Hablemos primero 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! -

Window.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, redimensionable = no, ubicación = no, estado

- gt;

lt/SCRIPT gt

Explicación del parámetro:

ltScript language = inicio del script "javascript" gtJs;

El comando Window.open abre una nueva ventana;

El nombre del archivo de la ventana emergente "page.html";

El nombre (no el nombre del archivo) de la ventana emergente "nueva ventana" no es obligatorio y se puede reemplazar con un "" en blanco;

Altura=100 altura de la ventana;

Ancho=400 ancho de ventana;

Top=0 píxeles desde la ventana hasta la parte superior de la pantalla;

Left=0 píxeles desde la ventana a la izquierda de la pantalla;

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í está permitido

Ubicación=no si se muestra la barra de direcciones, sí significa permiso;

Estado=no si se muestra la barra de direcciones; información en la barra de estado (normalmente el archivo se ha abierto), sí, está permitido

lt/SCRIPT gt; el script js finaliza

3.

El siguiente es el código completo

lthtml gt

lthead gt

ltScripting language = " JavaScript " gt

lt! -

Función openwin() {

Ventana abierta ("página.html", "nueva ventana", "alto=100, ancho=400, barra de herramientas =no, barra de menú=no, barras de desplazamiento=no, redimensionable=no, ubicación=no, estado=no")//escribir una línea.

}

//- gt;

lt/script gt;

lt/head gt; > ltbody onload = "open win()" gt;

Cualquier contenido de página...

lt/body gt;

lt/html gt;

Aquí se define una función openwin(), y el contenido de la función es abrir una ventana. Es inútil no llamar. ¿Cómo llamarlo?

Método 1:

Método 2:

Método 3: Llamada con conexión:

lta href = " # " onclick = " open win()" >Abrir ventana

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

Método 4: Llamar con botón:

ltinput type = " button " onclick = " open win()" value = " open window "

4 .Aparecen dos ventanas al mismo tiempo

Modifica ligeramente el código fuente:

ltScript language = " JavaScript " gt

lt! -

Función openwin() {

Ventana.open ("page.html", "Nueva ventana", " alto = 100, ancho = 100, arriba = 0, izquierda = 0, barra de herramientas = no, barras de desplazamiento = no, redimensionable = no, ubicación

Window.open ("page2.html", "newwindow2", "alto = 100, ancho = 100, arriba = 100, izquierda = 100, barra de herramientas = No, barra de menú = No, desplazamiento

}

//- gt;

lt/script gt;

Para evitar que las dos ventanas emergentes se superpongan, utilice la parte superior e izquierda para controlar la posición de la ventana emergente y evitar que se superpongan entre sí.

Nota: Dos ventanas (nueva ventana y Los nombres). de newwindow2) no deben ser iguales o deben estar vacíos

5 Abra el archivo 1.htm en la ventana principal y aparecerá una pequeña ventana page.html.

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; p> lt /script gt;

Unirse

lta href = " 1 . htm " onclick = " open win()" gt; /p >

6. Control de tiempo de cierre de ventanas emergentes

Si controlas la ventana emergente nuevamente, el efecto será mejor.

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

Primero, agregue el siguiente código al área

ltscript language = " JavaScript " gt

Función closeit()

{

Establecer tiempo de espera ("self.close()", 10000)//ms.

}

lt/script gt;

Entonces. ¿Por qué? lt; body onload = "close it()" gt; Esta oración reemplaza el texto original de page.html

7.

ltForm gt

ltINPUT TYPE = ' BOTÓN ' VALOR = ' cerrar ' onClick = ' ventana . close()' gt

lt/FORM gt ;

Jaja, ¡ahora es aún más perfecto!

8. Contiene ventanas emergentes: 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. . A través del siguiente ejemplo, puede 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");

//Escribir una línea

abrir ventana. documento. escribir(" lt;TITLE gtExample

abrir ventana. documento. escribir(" lt;BODY BGCOLOR = # ffffff gt)

abrir ventana .document . write(" lt; h 1 gt; ¡Hola! lt/h1 >)

OpenWindow.document.write("¡Se ha abierto una nueva ventana!" )

abrir ventana .documento .escribir(" lt;/BODY >)

abrir ventana .documento .escribir(" lt;/HTML >)

OpenWindow .document.close()

}

lt/SCRIPT gt;

lt/head gt

ltbody gt

lta href = " # " onclick = " abrir win()" gt; abrir ventana

ltinput type = " botón " onclick = " abrir win()" valor = " abrir ventana " >

lt/body gt;

lt/html gt;

Mira el código en OpenWindow.document.write(). ? Simplemente escriba unas cuantas líneas más según el formato. Tenga en cuenta que una etiqueta más o una etiqueta menos provocará un error. Recuerde finalizar con OpenWindow.document.close() 9. El control de cookies de ventana emergente de aplicación definitivo.

En retrospectiva, la ventana emergente de arriba era interesante, pero un poco problemática. Por ejemplo, si coloca el script anterior en una página a la que se debe acceder con frecuencia (como la página de inicio) y la ventana aparecerá cada vez que se actualice la página, entonces solo necesitamos usar cookies para controlarla.

Primero, agregue el siguiente código a

ltscriptgt

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(documento. cookie. longitud >0) {

desplazamiento = documento índice de (búsqueda)

si. (desplazamiento!= -1) {

Desplazamiento = longitud de búsqueda

fin = índice de documento de (";", desplazamiento);

p>if (fin == -1)

fin = longitud del documento .

valor de retorno = unescape(documento. cookie. subcadena(desplazamiento, fin)

}

}

Devolver valor de retorno

}

Función loadpopup(){

if (get_cookie('apareció')==''){

openwin()

document.cookie="apareció=yes "

}

}

lt/script gt;

Entonces, usa