[1.
Copiar código del código de la siguiente manera:
<Script language = "javaScript">
<!-
Window.open ('Page.html')
->
</script>
Debido a que es una sección del código JavaScripts, deben colocarse entre <script language = "javaScript"> etiquetas y </script>. <!-y-> Jugar un efecto en algunas versiones bajas de los navegadores. Para desarrollar este buen hábito. Windows.open ('Page.html') se usa para controlar la nueva página de ventana. Se pueden usar citas individuales y citas duales, simplemente no mezcle. Este código se puede agregar a cualquier posición de HTML, <SEAD> y </head> puede ser, <body> </body> también se puede ejecutar, especialmente el código de página es largo, y desea que la página se proponga Anteriormente intente presentarlo.
[2.
Hablemos sobre la configuración de la ventana pop -up. Simplemente agregue algo al código anterior. Personalicemos la apariencia, el tamaño y la posición pop -Up de la ventana pop -Up para adaptarnos a la situación específica de la página.
Copiar código del código de la siguiente manera:
<Script language = "javaScript">
<!-
Window.open ('Page.html', 'NewWindow', 'Height = 100, Width = 400, Top = 0, Left = 0, Barra de herramientas = no, Menubar = no, Scrollbars = no, Resizable = No, L, L, L, L, L, L, L, L, L, L, L, L, L, L. , L, L, L, L, L, L, L, L, L, L, L, L, L, L, L, L, L Ocation = No, Status = No ') //
->
</script>
Explicación del parámetro:
<Script language = "javaScript"> js script comienza;
Window.open aparece el comando de la nueva ventana;
'Page.html' Pop -Up Name de archivo de la ventana;
'NewWindow' El nombre de la ventana pop -up (no el nombre del archivo), no requirido, puede ser reemplazado por vacío '';
Altura = 100 altura de la ventana;
ancho = 400 ancho de la ventana;
Top = 0 Distancia de la ventana desde la parte superior de la pantalla;
Left = 0 La ventana es un valor de píxel desde el lado izquierdo de la pantalla;
Barra de herramientas = no Para mostrar la barra de herramientas, sí se muestra;
Menubar, las barras de desplazamiento representan la barra de menú y la barra de rodadura.
RESIZABLE = No permite cambiar el tamaño de la ventana, sí está permitido;
Ubicación = no Para mostrar la barra de direcciones, sí está permitido;
Estado = no para mostrar la información en la barra de estado (generalmente el archivo se ha abierto), sí está permitido;
</script> JS Script termina
[3.
A continuación se muestra un código completo.
Copiar código del código de la siguiente manera:
<html>
<Evista>
<script language = "javaScript">
<!-
función OpenWin () {) {
Window.open ("Page.html", "NewWindow", "Height = 100, Width = 400, Barra de herramientas = no, Menubar = no, ScrollBars = no, Resizable = no, ubicación = no,") // escribe una línea
}
//->
</script>
</ablo>
<Body solo = "OpenWin ()" >>
Cualquier contenido de la página ...
</body>
</html>
Aquí se define una función OpenWin (), y el contenido de la función es abrir una ventana. No sirve de nada antes de llamarlo. ¿Cómo llamar?
Método 1: <Body Online = "OpenWin ()"> Cuando el navegador lee la página, aparece la ventana;
Método dos: <Body OnUnload = "OpenWin ()"> El navegador aparece cuando el navegador deja la página;
Método 3: Use una conexión para llamar:
<a href = "#" onClick = "OpenWin ()"> Abra una ventana </a>
Nota: El "#" utilizado es una conexión virtual.
Método 4: Use un botón para llamar:
<input type = "button" onClick = "openwin ()" value = "abrir la ventana">
[4, 2 ventanas aparecen al mismo tiempo]
Cambiar ligeramente el código fuente:
Copiar código del código de la siguiente manera:
<script language = "javaScript">
<!-
función OpenWin () {) {
Window.open ("Page.html", "NewWindow", "Height = 100, Width = 100, Top = 0, Left = 0, Barra de herramientas = no, Menubar = no, Scrollbars = no, Resizable = no, local = no , estado = no ") //
Window.open ("Page2.html", "NewWindow2", "Height = 100, Width = 100, Top = 1 00, Left = 100, Barra de herramientas = no, Menubar = no, Scrollbars = no, Resizable = no, L, L, L, L, L, L, L, L, L, L OCAT = NO, ESTADO = NO ") //
}
//->
</script>
Para evitar la cobertura de dos ventanas, controlar la posición pop -up con la parte superior e izquierda no debe cubrirse entre sí. Finalmente, solo llame a los cuatro métodos mencionados anteriormente.
Nota: No seas igual, o simplemente vacíe, o simplemente vacíe.
[5.
Como se muestra en el siguiente código, agregue el área de la ventana principal <BEAD>:
Copiar código del código de la siguiente manera:
<script language = "javaScript">
<!-
función OpenWin () {) {
Window.open ("Page.html", "", "Width = 200, Height = 200")
}
//->
</script>
Agregue el área <body>:
<A href = "1.htm" onClight = "OpenWin ()"> Open </a>.
[6.
Controlemos la ventana pop -up a continuación, y el efecto es aún mejor. Si agregamos un código corto a la página pop -Up (tenga en cuenta que es el HTML de agregar page.html, no está en la página de inicio, de lo contrario ...), ¿es más genial dejar que se cierre automáticamente después de 10 segundos? ?
Primero, agregue el siguiente código al área <Head> del archivo page.html:
Copiar código del código de la siguiente manera:
<script language = "javaScript">
Función Closeit ()
{{
setTimeout ("seld.close ()", 10000) // milisegundos
}
</script>
Luego, use <Body Online = "Closeit ()"> para reemplazar la oración <body> original en page.html. (¡No olvide escribir esta oración! El papel de esta oración es llamar al código de la ventana de cierre y cerrar la ventana usted mismo después de 10 segundos).
[7.
<form>
<Input type = 'button' value = 'search' onClick = 'window.close ()'>>
</form>
¡Jaja, es más perfecto ahora!
[8.
Los ejemplos anteriores incluyen dos ventanas, una es la ventana principal y la otra es una pequeña ventana. A través del siguiente ejemplo, puede completar el efecto anterior en una página.
Copiar código del código de la siguiente manera:
<html>
<Evista>
<Script language = "javaScript">
Función OpenWin ()
{{
OpenWindow = Window.open ("", "Newwin", "Highin = 250, Width = 250, Tool Bar = No, ScrollBars ="+Scroll+", Menubar = no"));
// Escribir en una línea
OpenWindow.document.write ("<title> Ejemplo </title>")
OpenWindow.document.write ("<Body bgcolor =#ffffff>")
OpenWindow.document.write ("<H1> Hello! </h1>")
OpenWindow.document.write ("¡Nueva ventana abierta!")
OpenWindow.document.write ("</body>")
OpenWindow.document.write ("</html>")
OpenWindow.document.close ()
}
</script>
</ablo>
<Body>
<a href = "#" onClick = "OpenWin ()"> Abra una ventana </a>
<input type = "button" onClick = "openwin ()" value = "abrir la ventana">
</body>
</html>
Mire el código en OpenWindow.Document.Write () ¿No es el HTML estándar? Simplemente escriba más líneas en el formato. Preste atención a un error con una etiqueta más o una etiqueta menos. Recuerde terminarlo con OpenWindow.document.close ().
[9.
Recuerde que aunque la ventana pop -up anterior es genial, hay un pequeño problema (inmerso de alegría, no debe encontrarlo?) Por ejemplo, coloca el script anterior en una página que debe pasar con frecuencia (como el Página de inicio), luego cada uno, luego cada una de esta página actualiza esta página, la ventana aparecerá una vez, ¿no es muy molesto? : -_
¿Hay una solución? ¡SÍ!
Primero, agregue el siguiente código al área <Head> de la página de inicio HTML:
Copiar código del código de la siguiente manera:
<script>
función OpenWin () {) {
Window.open ("Page.html", "", "Width = 200, Height = 200")
}
Función get_cookie (nombre) {
VAR Search = name + "="
var returnValue = "";
if (document.cookie.length> 0) {{
Offset = document.cookie.indexof (búsqueda)
if (offset! = -1) {{
Offset += search.length
end = document.cookie.indexof (";", offset);
if (end == -1)
end = document.cookie.length;
ReturnValue = UNSECAPE (document.cookie.substring (oficina, final))
}
}
Return returnValue;
}
función loadPopup () {
ift_cookie ('popped') == '') {{
Openwin ()
document.cookie = "Popped = sí"
}
}
</script>
Luego, use <Body Online = "LoadPopup ()"> (Tenga en cuenta que no es OpenWin sino LoadPop!) Reemplace la oración original <Body> en la página de inicio. Puede intentar actualizar esta página o ingresar a la página nuevamente, y la ventana nunca aparecerá. ¡Real solo pop-uno!