Javascript
Usando Javascript, podemos manipular ventana-los abrimos, cercano ellos, los recargamos, cargamos otra página en ellos-apenas conocidos él.
- introducción preceptoral
-
abrir una ventana nueva usando Javascript
-
toolbars de Hiding/showing, barras de menú,
autobús etc del estado sobre abrir una ventana
-
recargando, cerrándose, nuevo contenido que
carga en una ventana usando Javascript
-
objetos que tienen acceso de una
ventana vía otra
Abrir una ventana nueva usando Javascript
Con Javascript, usted puede manipular fácilmente ventanas. Una de las preguntas hechas cuando viene a las ventanas es cómo abrir más de una ventana. La autorización, entonces, deja primero para hablar de eso. Para abrir una ventana, utilice simplemente el método del open() del Javascript (window.open())
window.open("URL")
Deja la opinión que usted apenas desea abrir una ventana que contiene "page2.htm"
< forma >
< entre value="Click del type="button "aquí para ver"
onclick="window.open('page2.htm ')" >
</forma >
Toolbars de Hiding/showing, barras de menú, autobús etc del estado sobre abrir una ventana
Deja para hablar de algunas de las cualidades que podemos agregar a la escritura antedicha al control no solamente el tamaño de la ventana abierta, pero también, cuál debe ser demostrado: barra toolbar, de menú etc. Para agregar cualidades cuando se abre una ventana, todavía utilizaríamos window.open() el método, pero con una pequeña adición:
el open("URL ", "name"," atribuye " )
Como usted puede ver, primero tenemos que agregar en un nombre (este nombre no tiene nada hacer con la adición de atribuir-él es el nombre de la ventana usado en la cualidad de la BLANCO < a > y de una preocupación de la etiqueta-don't de la < forma > sobre ella, él no se utiliza comúnmente). Se está moviendo encendido, aquí la lista completa de cualidades que usted puede agregar:
|
anchura |
altura |
toolbar |
|
localización |
directorios |
estado |
|
scrollbars |
resizable |
menubar |
Aquí está un ejemplo que abre una ventana que sea no solamente más pequeña de tamaño, pero con SOLAMENTE el menubar girada:
< forma >
< value="Click del type="button de la entrada "aquí a ver" >
onclick="window.open('page2.htm ',
' win1', 'width=200, height=200, menubar ')"
</forma >
Aquí está otro ejemplo sin las cualidades giradas, a menos que el tamaño cambiara:
< forma >
< entre value="Click del type="button "aquí para ver" >
onclick="window.open('page2.htm ',
' win1 ' , 'width=200, height=200 ')"
</forma >
Recargando, cerrándose, nuevo contenido que carga en una ventana usando Javascript
Con Javascript, podemos escribir el código que substituye la "recarga" y el botón "cercano" de nuestro browser.
Para recargar una ventana, utilice este método:
window.location.reload()
Aquí está un ejemplo:
Para cerrar una ventana, utilice este método:
window.close()
¡Me casi tentaron para proporcionar un ejemplo!
Autorización, podemos también cargar el nuevo contenido en usar de la ventana Javascript-este somos similares a la etiqueta de < a > en el HTML, sólo ahora, usando Javascript, tenemos más control sobre este proceso.
El sintaxis básico cuando es el nuevo contenido que carga en una ventana:
window.location="yoururl.com "
Éste es exactamente igual que
// si < de un href="yoururl.com></a > utilizamos el HTML
Deja para proporcionar un ejemplo, donde una caja del confirmar
permitirá qu los usuarios elijan entre ir a dos lugares:
< escritura >
<!--
warp() de la función
{
ok=confirm('Click del var "ACEPTABLE" a ir los geocities, "CANCELACIÓN" a ir al
CNN ')
si (aceptable)
location="http://www.geocities.com "
location="http://www.cnn.com "
}
//-->
</escritura >
Objetos que tienen acceso de una ventana vía otra
Después de que usted abra una ventana secundaria, hay una conexión entre la ventana original y éste abrió nuevamente uno que no le prohíbe el cruz-acceso objects/variables, características de cada ventana. Pero antes de que discutamos cómo se hace esto, necesitamos primero discutir los nombres de la ventana, una clase muy diversa de la que esta' mencionada en el principio de esta sección.
Mire abajo:
var hola =
open('page2.htm', 'hi', 'width=200, height=200 ')
Dando a esta ventana un nombre usando el método antedicho, por ejemplo, "hola",
le dará el acceso cualquier cosa que está dentro de esta ventana de otras
ventanas. Siempre que deseemos tener acceso cualquier cosa que está dentro de
esta ventana nuevamente abierta, por ejemplo, escribir a esta ventana, haríamos
esto: hello.document.write("hi!")
Apruebe, deja la opinión que usted desea a, de la ventana actual, abre una
ventana secundaria, y de AQUÍ, cambian el color del fondo de esta ventana
nuevamente abierta.
Los botones de radio están aquí, pero hemos cambiado el bgcolor de otra ventana... dejamos para ver el código de la base:
// para el botón
onClick = " win1 = open('page2.htm', 'winname ',
' width=200, height=200 ')"
// para la radio button3
onClick = "win1.document.bgColor =
' lightgreen';win1.focus()"
// para la radio button2
onClick = "win1.document.bgColor =
' lightyellow';win1.focus()"
// para la radio button3
onClick = "win1.document.bgColor =
' pink';win1.focus()"
La parte más importante es: win1.document.bgColor , que es lo que causada el bgcolor al cambio en la ventana secundaria, en vez de la que contiene la escritura. También note que utilizamos otro método, focus(), para traer el foco a la segunda ventana cada vez que cambia.
Aquí está el listado completo del objeto de la ventana que rozamos en esta clase particular:
|
objeto de las ventanas |
|
|
características |
métodos |
|
cerrado |
alarma |