Document Object

Al ser cargada una página web por el navegador, Windows la considera como un objeto,
por lo que las siguientes variables devuelven información como si la página fuera un
objeto.
document.title Muestra el título de la página actual
document.URL Muestra la dirección URL de la página actual
Muestra la dirección URL de la página que dirigió a la
document.referrer
actual
document.lastModified Fecha de la última modificación de la página
document.domain Muestra el nombre de dominio del sitio web
Muestra las cookies guardadas por este sitio web en tu
document.cookie
equipo
document.links.length Muestra el número de links en la página
document.links[0].innerHTM
Muestra el nombre del primer link
L
document.links[1].innerHTM
Muestra el nombre del segundo link
L
document.anchors.length Número de anchors en la página
document.forms.length Número de formas en la página
document.forms[0].name Muestra el nombre de la primera forma
document.images.length Número de imágenes en la página
document.images[0].id Muestra la identidad (ID) de la primera imagen
Permite identificar un elemento en una página por su
identidad (ID), entonces ejecuta una acción, en este caso
se emplea:
document.getElementById('test').innerHTML='Hola';vo
document.getElementById() id 0
(test es un DIV o contenedor con dicha identidad en la
página, innerHTML='Hola' escribe el texto indicado y
void 0 se utiliza para evitar que el navegador cargue
una nueva página).
Escribe texto, código o el resultado de una variable en
una página, se usa de las siguientes formas:
document.write('texto')
document.write()
document.write(variable)
document.write('texto'+variable)
document.write('texto'+variable+'texto')
Navigator Object

Las siguientes variables devuelven información del navegador usado para cargar la
página.
Devuelve el código del nombre del navegador web con que se
navigator.appCodeName
carga la página
navigator.appName Devuelve el nombre del navegador
navigator.appVersion Versión del navegador
Comprueba si están habilitadas las cookies en el navegador
navigator.cookieEnabled
(true=Si, false=No)
navigator.platform Plataforma del navegador
navigator.userAgent Agente de usuario enviado por el navegador al servidor
Se comprueba si está habilitada Java en el navegador
navigator.javaEnabled
(true=Si, false=No)

Location Object

location.host Devuelve el nombre del host de una dirección web

location.hostname Similar al anterior
location.href Devuelve la dirección URL completa
location.pathname Devuelve solo la ruta relativa en el servidor a la pagina
location.port Devuelve el número del puerto usado
location.protocol Muestra el protocolo usado (http, https, file, ftp, etc.)
location.reload() Vuelve a cargar la página (window.location.reload(true))
Encadenando location.href se refresca el contenido de la
location.href página (vuelve a cargarla), en este caso se usa:
location.href=location.href
Para eso se encadena de la siguiente forma:
Ver el código fuente de location.href = 'view-source:' +
la página window.location.href
(No funciona en Internet Explorer)

History Object

history.length Devuelve la cantidad de direcciones URL en la lista del historial

history.back() Página anterior en el historial
history.forward() Página siguiente en el historial
Carga una página determinada del historial, en este caso se emplea:
history.go() history.go(0)
por lo que recarga la página actual, similar a usar la tecla F5
Screen Object

screen.height Devuelve la altura total de la pantalla en pixeles

screen.width Devuelve el ancho total de la pantalla en pixeles
screen.availHeight Devuelve la altura de la pantalla disponible en pixeles
screen.availWidth Devuelve el ancho de la pantalla disponible en pixeles
screen.colorDepth Profundidad de color de la pantalla para mostrar imágenes
screen.pixelDepth Resolución del color en bits por pixel de la pantalla

Window Object

Ejecuta una función o varias inmediatamente después de que

termine la carga de la página por completo, en este caso se
emplea una alerta que se muestra al entrar a la página. El
código usado es:
window.onload <script type="text/javascript">
window.onload=alert('Hola, Bienvenido a Javascript')
</script>
Este código se debe insertar en el final de la página, justo
antes del cierre de la etiqueta </body>
window.parent.locatio
Devuelve la dirección URL de la página actual
n
window.parent.locatio Conduce a una dirección web, en este ejemplo:
n window.parent.location='http://norfipc.com'
Muestra una ventana de alerta con un mensaje:
window.alert() window.alert('Mensaje')
Confirmación, muestra un cuadro de dialogo con un mensaje,
un botón Aceptar y uno Cancelar:
window.confirm() window.confirm('Desea?....')
Generalmente se usa encadenada con otra función
Muestra un cuadro de dialogo que inquiere al usuario por una
respuesta, se usa:
window.prompt() window.prompt('Mensaje','Quiere..?')
Al igual que la anterior se usa con una función que se ejecuta
en caso del usuario oprimir el botón Aceptar
Abre una nueva ventana o pestaña según como se emplee,
window.open() ninguna de las variantes funciona en el navegador Internet
Explorer por cuestiones de seguridad.
En este ejemplo se abre una nueva ventana llamada "new", para
eso se emplea el siguiente código:
nv=window.open('','new','width=344,height=444,left=50,top=5
window.open() 0')
Mas información sobre todas las opciones de window.open() en
la siguiente página: Como abrir links de una página web en una
nueva ventana con Internet Explorer y otros navegadores.
 Cierra una ventana, en este ejemplo cierra la ventana abierta
close() anteriormente:
nv.close()
En este ejemplo se emplea window.open() para abrir una nueva
window.open()
pestaña
close() Cierra la pestaña abierta anteriormente
top.close() Cerrar pestaña
Muestra el nombre de una ventana, se emplea:
window.name nv=window.open('','new','width=344,height=444');
nv.document.write('Esta ventana se llama: ' + nv.name)
Muestra la altura en pixeles del tamaño de la ventana del
window.innerHeight
navegador (No es compatible con Internet Explorer)
Muestra el ancho en pixeles del tamaño de la ventana del
window.innerWidth
navegador (No es compatible con Internet Explorer)
window.print()
Imprime el contenido de la ventana.
Este método cambia de tamaño la ventana del navegador,
mueve la esquina derecha inferior de la ventana, la cantidad de
pixeles que se determine, ya sea positiva un incremento o
negativa una reducción, la esquina superior izquierda
window.resizeBy() permanecerá inmóvil. En este ejemplo se emplea:
window.resizeBy(100,100)
lo que incrementa en 100 pixeles su tamaño en cada eje (no
funciona en Opera y Chrome).
Ajusta el tamaño de la ventana al número de pixeles que se
window.resizeTo() determine, en este ejemplo se emplea:
window.resizeTo(1000,800)
Desplaza el contenido de la ventana en un determinado número
de pixeles, hacia arriba o hacia abajo según se establezca de
forma positiva o negativa, en este ejemplo se emplea:
window.scrollBy(50,-50)

Combinando la function window.scrollBy con setTimeout se

puede hacer que la página vaya desplazándose continuamente,
se puede iniciar la función al cargar la página mediante el
window.scrollBy() evento onload o con un vínculo de la siguiente forma:
<script type="text/javascript">
function pageScroll() {window.scrollBy(0,30);
scrolldelay = setTimeout('pageScroll()',800);}
function stopScroll() {clearTimeout(scrolldelay);}
</script>

<a href="javascript:pageScroll()">Scroll</a>
<a href="javascript:stopScroll()">STOP</a>
Scroll STOP
Dezplaza el contenido de la ventana a unas coordenadas
window.scrollTo()
específicas, en este caso se usa:
 window.scrollTo(750,650)
Mueve la ventana del navegador a una posición específica en la
window.moveTo() pantalla definida en pixeles, en este caso:
window.moveTo(222,222)
Mueve la ventana del navegador a una ubicación en relación
window.moveBy() con su posición actual determinada en pixeles, en este caso:
window.moveBy(200,300)
Muestra el número de pixeles distantes a la pantalla, del borde
window.screenLeft izquierdo de la ventana al borde izquierdo de la pantalla (Solo
Internet Explorer)
Muestra el número de pixeles distantes a la pantalla, del borde
window.screenTop superior de la ventana al borde superior de la pantalla (Solo
Internet Explorer)
Muestra el número de pixeles distantes a la pantalla, del borde
window.screenX izquierdo de la ventana al borde izquierdo de la pantalla
(Firefox y Google Chrome)
Muestra el número de pixeles distantes a la pantalla, del borde
window.screenY superior de la ventana al borde superior de la pantalla (Firefox
y Google Chrome)

Muestra la altura en pixeles del tamaño de la

document.documentElement.clientHeight ventana del navegador (Todos los
navegadores)
Muestra el ancho en pixeles del tamaño de la
document.documentElement.clientWidth ventana del navegador (Todos los
navegadores)