|
OBJETOS PREDEFINIDOS
Cuando se carga un documento en el navegador, se crean automáticamente una colección de Objetos predefinidos, útiles para describir el documento sobre el que se trabaja, la ventana del navegador y todo tipo de elementos de las páginas web. Se agrupan en los objetos window, document, history, navigator y screen. También hay toda una colección de objetos para utilidades varias.
WINDOW
Nos permite definir las característica de la ventana del navegador o de las ventanas que construyamos nuevas. A continuación tenemos los métodos mediante los cuales podremos definir sus características.
|
METODO
|
DESCRIPCIÓN
|
SINTAXIS
|
|
open
|
Abrir ventanas.
|
var=window.open(“url”,”name”,”atrbs”);
|
|
close
|
Cerrar ventanas.
|
var.close();
|
|
opener
|
Indica si se abrio.
|
var_boolean=var.opener
|
SI devuelve true
|
|
closed
|
Indica si se cerró.
|
var_boolean=var.closed
|
SI devuelve false
|
|
Location
|
Enlaza con una página.
|
var.Location=”url”;
|
|
print
|
Imprime el documento.
|
var.Print();
|
|
alert
|
Abre ventanas alert.
|
var.alert(datos);
|
|
confirm
|
Abre ventanas confirm.
|
var.confirm(datos);
|
|
prompt
|
Abre ventanas prompt.
|
var.prompt(datos,”val
inici”);
|
|
status
|
Texto en barra estado.
|
var.status=”mensaje”;
|
|
showModalDialog
|
Crea ventana modal.
|
var=window.showModalDialog(“url”,”atrbs”);
|
|
La variable solo es necesaria cuando
sea una ventana distinta a la del navegador.
|
|
ATRIBUTOS DE
SHOWMODALDIALOG (atrbs)
|
|
ATRIBUTO
|
ELEMENTO
|
|
dialogWidth:valor
|
Define el ancho.
|
|
dialogHeight:valor
|
Define el alto.
|
|
dialogTop:valor
|
Define posición superior
|
|
dialogLeft:valor
|
Define posición inferior.
|
|
Todos los atributos que se pongan irán
dentro de las comillas y separados por un espacio entres ellos. Todos
ellos son opcionales.
|
|
ATRIBUTOS DE OPEN
(atrbs)
|
|
ATRIBUTO
|
ELEMENTO
|
|
toolbar=[yes|no]
|
Barra de herramientas.
|
|
location=[yes|no]
|
Barra de direcciones.
|
|
directories=[yes|no]
|
Histórico.
|
|
channelmode==[yes|no]
|
Barra de canales.
|
|
menubar=[yes|no]
|
Barra de menús.
|
|
status=[yes|no]
|
Barra de estado.
|
|
scrollbars=[yes|no]
|
Barras de Scroll.
|
|
resizable=[yes|no]
|
Dimensionable.
|
|
width=pixels
|
Ancho de ventana.
|
|
height=pixels
|
Alto de ventana.
|
|
fullscreen=[yes|no]
|
Maximizada.
|
|
top=pixels
|
Posición superior.
|
|
left=pixels
|
Posición izquierda
|
|
Todos los atributos que se pongan irán
dentro de las comillas y separados por un espacio entres ellos. Todos
ellos son opcionales.
|
EJEMPLO
1
<html>
<head>
<script>
var v1;
function abre()
{
v1=window.open("ab.htm","v","status=yes resizable=yes);
v1.status="Ventana creada para publicidad";
status="Ventana Estandar del Navegador";
}
function cierra()
{
v1.close();
}
</script>
</head>
<body onload=abre();>
<input type="button" value="Cerrar" onClick=cierra();>
</body>
</html>
EJEMPLO 2
<html>
<head>
<script>
var v1;
function abre()
{
v1=window.open("ab.htm","v","status=yes resizable=yes);
}
function opera(valor)
{
switch(valor)
{
case 1:
cargapagina();
break;
case 2:
print();
break;
case 3:
var modal;
modal=window.showModalDialog("ab2.htm");
break;
}
}
function cargapagina()
{
var cerrada=v1.closed;
if(cerrada==false)
v1.Location="ab2.htm";
else
alert("Error.debe estar abierta.");
}
</script>
</head>
<body onload=abre();>
<input type="button" value="Cargar” onClick=opera(1);>
<br>
<input type="button" value="Imprime" onClick=opera(2);>
<br>
<input type="button" value="Modal" onClick=opera(3);>
</body>
</html>
CONTINUAR
>
|
