BelloMuñozEdgarAlejandroActividad12 - Edgar Bello

Vista previa del material en texto

Objetos de JavaScript
B E L L O M U Ñ O Z E D G A R A L E J A N D R O
O B J E T O S W I N D O W
Métodos
alert(texto)
Presenta una ventana de alerta donde se puede leer el texto que recibe por parámetro.
back()
Ir una página atrás en el historial de páginas visitadas. Funciona como el botón de volver de la barra de
herramientas.
confirm(texto)
Muestra un mensaje en un cuadro de diálogo pero, a diferencia de alert, muestra los botones Aceptar y Cancelar.
prompt(mensaje, valor_por_defecto)
Devuelve una caja de texto par recoger un valor escrito por el usuario.
focus(), blur()
Establece o retira el foco de un objeto.
moveBy(x,y)
Desplaza la ventana el numero de pixeles indicados.
moveTo(x,y)
Mueve la ventana a la una posición concreta.
resizeBy(x,y)
Redimensiona la ventana tantos pixeles como indiquen los parámetros. La x se refiere a la anchura y la y a la altura.
resizeTo(x,y)
Establece una anchura y altura concretas a la ventana.
scrollBy(x,y)
Realiza un desplazamiento horizontal y/o vertical de tantos pixeles como marquen los parámetros.
scrollTo(x,y)
Realiza un desplazamiento horizontal y /o vertical hasta una posición concreta.
open(URL, nombre, parámetros)
Crea una nueva ventana (normalmente un pop-up) en la que se carga el URL especificado. 
Propiedades
closed
Indica la posibilidad de que se haya cerrado la ventana. (Javascript 1.1)
defaultStatus
Texto que se escribe por defecto en la barra de estado del navegador.
document
Objeto que contiene el la página web que se está mostrando.
Frame
Un objeto frame de una página web. Se accede por su nombre.
frames array
El vector que contiene todos los frames de la página. Se accede por su índice a partir de 0.
history
Objeto historial de páginas visitadas.
innerHeight
Tamaño en pixels del espacio donde se visualiza la página, en vertical.
innerWidth
Tamaño en pixels del espacio donde se visualiza la página, en horizontal.
length
Numero de frames de la ventana.
location
La URL del documento que se está visualizando. 
locationbar
Objeto barra de direcciones de la ventana.
menubar
Objeto barra de menús de la ventana. 
name
Nombre de la ventana. Lo asignamos cuando abrimos una nueva ventana.
opener
Hace referencia a la ventana de navegador que abrió la ventana donde estamos trabajando. 
outherHeight
Tamaño en pixels del espacio de toda la ventana, en vertical.
outherWidth
Tamaño en pixels del espacio de toda la ventana, en horizontal. Esto incluye las barras de desplazamiento. 
parent
Hace referencia a la ventana donde está situada el frame donde estamos trabajando. 
personalbar
Objeto barra personal del navegador.
self
Ventana o frame actual.
scrollbars
Objeto de las barras de desplazamiento de la ventana.
status
Texto de la barra de estado.
statusbar
Objeto barra de estado del navegador.
toolbar
Objeto barra de herramientas. 
top
Hace referencia a la ventana donde está situada el frame donde estamos trabajando. Como la propiedad parent.
window
Hace referencia a la ventana actual, igual que la propiedad self.
Ejemplo de JavaScript
var w = window.innerWidth
document.documentElement.clientWidth
document.body.clientWidth;
var h = window.innerHeight 
document.documentElement.clientHeight
document.body.clientHeight;
O B J E T O S D O C U M E N T
Métodos
write (texto), writeln (texto) : se utiliza para escribir texto HTML en el documento. El método writeln añade un salto
de línea al final del texto que se haya pasado como argumento.
getElementById (identificador): Va a devolver el elemento del documento cuyo atributo ID coincida con el
parámetro identificador.
getElementsByName (nombre): Retorna una colección de elementos cuyo atributo NAME coincida con el indicado.
getElementsByTagName (Etiqueta): Devuelve la lista de elementos cuya etiqueta sea la misma que la
especificada por el parámetro.
getElementsByClassName (clase): Localiza todos los 
elementos que tengan la clase indicada (atributo CLASS).
querySelector (Selector): Nos permite encontrar el 
primer elemento que cumpla el selector CSS.
querySelectorAll (selector): Es idéntico al anterior, pero nos devuelve todos los elementos que coinciden con el
selector.
createElement (etiqueta): Va a permitir crear nuevos elementos dinámicamente por código. 
Atributos
alinkColor: Color de los enlaces activos
Anchor: Un ancla de la página. 
anchors array: Un array de las anclas del documento.
Applet: Un applet de la página. Se accede por su nombre. 
applets array: Un array con todos los applets de la página.
Area: Una etiqueta <AREA>, de las que están vinculadas a los mapas de imágenes.
bgColor: El color de fondo del documento.
classes: Las clases definidas en la declaración de estilos CSS. 
cookie: Una cookie
domain: Nombre del dominio del servidor de la página.
Embed: Un elemento de la pagina incrustado con la etiqueta <EMBED>. 
embeds array: Todos los elementos de la página incrustados con <EMBED>.
fgColor: El color del texto. Para ver los cambios hay que reescribir la página.
From: Un formulario de la página. Se accede por su nombre.
forms array: Un array con todos los formularios de la página.
ids: Para acceder a estilos CSS. 
Image: Una imagen de la página web. Se accede por su nombre.
images array: Cada una de las imágenes de la página introducidas en un array.
lastModified: La fecha de última modificación del documento.
linkColor: El color de los enlaces.
Link: Un enlace de los de la página. Se accede por su nombre.
links array: Un array con cada uno de los enlaces de la página.
location: La URL del documento que se está visualizando. Es de solo lectura.
referrer: La página de la que viene el usuario.
tags: Estilos definidos a las etiquetas de HTML en la página web.
title: El titulo de la página
URL: Lo mismo que location, pero es aconsejable utilizar location ya que URL no existe en todos los navegadores.
vlinkColor: El color de los enlaces visitados.
Ejemplo de JavaScript
arrImages[0] = document.getElementById("imagen1");
 arrImages[1] = document.getElementById("imagen2");
 arrImages[2] = document.getElementById("imagen3");
 var objOutput = document.getElementById("salida");
 var strHtml = "<ul>";
 for (var i = 0; i < arrImages.length; i++)
 strHtml += "<li>imagen" + (i+1) + 
 ": height=" + arrImages[i].height + 
 ", width=" + arrImages[i].width + 
 ", style.height=" + arrImages[i].style.height + 
 ", style.width=" + arrImages[i].style.width + 
 "<\/li>";
 strHtml += "<\/ul>";
 salida.innerHTML = strHtml;
O B J E T O S N A V I G A T O R
Métodos
javaEnabled()
Informa si el navegador está habilitado para soportar la ejecución de programas escritos en
Java
Atributos
appCodeName
Devuelve el código del nombre del navegador
appName
Devuelve el nombre del navegador
appVersion
Devuelve la versión del navegador
cookieEnable
Determina si las cookies están habilitadas o no
platform
Devuelve la plataforma sobre la cual se está ejecutando el navegador
userAgent
Devuelve una información completa sobre el agente de usuario, el cual es normalmente el navegador
Ejemplo:
O B J E T O S S T R I N G
Métodos
charAt(num)
Permite acceder a un carácter en concreto de una cadena. 
indexOf(string)
Devuelve la posición de la primera ocurrencia del carácter pasado como parámetro. 
lastIndexOf(string)
Devuelve la posición de la última ocurrencia del carácter pasado como parámetro
match()
Busca una coincidencia en una cadena y devuelve todas las coincidencias encontradas
replace(cadena, sustituto)
Busca una coincidencia en una cadena y si existe, la remplaza por otra cadena pasada como parámetro
search()
Busca una coincidencia en una cadena y devuelve la posición de la coincidencia
slice()
Extrae una parte de una cadena en base a los parámetros que indiquemos como índices de inicio y final.
split()
Corta una cadena en base a un separador que pasamos como parámetro
substr(inicio, longitud)
Devuelve una subcadena en base a un índice y longitud pasados como parámetros
substring(inicio, fin)Devuelve una subcadena en base a un índice de inicio y de final pasados como parámetros
toLowerCase()
Devuelve la cadena en minúsculas. No la cambia.
toUpperCase()
Devuelve la cadena en mayúsculas. No la cambia
trim()
Elimina los espacios del principio y el final del String
fromCharCode()
Convierte valores unicode en caracteres
concat()
Une dos o más Strings y los devuelve concatenados en un nuevo String
endsWith(cadena)
Comprueba si el String termina con los caracteres pasados por parámetro
charCodeAt()
Devuelve el unicode del caracter en el índice especificado
includes(cadena)
Comprueba si el String contiene la cadena pasada por parámetro
localeCompare()
Comprueba si dos cadenas son equivalentes en la configuración regional actual.
repeat()
Devuelve un String con el número de copias de la cadena especificado por parámetro.
Atributos
length
Corresponde a la longitud de la cadena.
Ejemplos:
O B J E T O S M A T H
Métodos
Math.abs()
Devuelve el valor absoluto
Math.acos(), Math.asin(), Math.atan(), Math.cos(), Math.sin(), Math.tan()
Funciones trigonométricas. Arcocoseno, arcoseno, arcotangente, coseno, seno y tangente
Math.ceil()
Devuelve el número entero superior
Math.exp()
Devuelve el exporencial
Math.floor()
Devuelve el número entero inferior
Math.log()
Devuelve el logaritmo natural
Math.max()
Devuelve el número máximo entre los números pasados como argumento
Math.min()
Devuelve el número mínimo entre los números pasados como argumento
Math.pow()
Devuelve el resultado de un número elevado a una potencia pasada como argumento.
Math.random()
Devuelve un número aleatorio entre 0 y 1. 0<=x<1
Math.round()
Redondea un número al número entero más próximo
Math.sqrt()
Devuelve la raíz cuadrada
Atributos
Math.E
Devuelve la constante de Euler
Math.LN2
Devuelve el logaritmo natural de 2
Math.LN10
Devuelve el logaritmo natural de 10
Math.LOG2E
Devuelve el logaritmo de E en base 2
Math.LOG10E
Devuelve el logaritmo de E en base 10
Math.PI
Devuelve el valor de Pi
Math.SQRT1_2
Devuelve la raíz cuadrada de 1/2
Math.SQRT2
Devuelve la raíz cuadrada de 2
Ejemplos:
O B J E T O S D A T E
Métodos
getDate()
Devuelve el día del mes. Número entre 1 y 31
getDay()
Devuelve el día de la semana. Entre 0 (domingo) y 6 (sábado)
getFullYear()
Devuelve el año con 4 dígitos
getMilliseconds()
Devuelve los milisegundos entre 0 y 9999
getMinutes()
Devuelve los minutos. Entre 0 y 59
getMonth()
Devuelve el mes. Entre 0 (enero) y 11 (diciembre)
getSeconds()
Devuelve los segundos. Entre 0 y 59
getTime()
Devuelve los milisegundos transcurridos entre el día 1 de enero de 1970 y la fecha correspondiente al objeto al que
se le pasa el mensaje
parse()
Analiza una fecha y devuelve el número de milisegundos pasados desde el 1 de enero de 1970 hasta la fecha
analizada
setDate()
Actualiza el día del mes
setFullYear()
Cambia el año de la fecha al número que recibe por parámetro
setHours()
Actualiza la hora
setMilliseconds()
Establece el valor de los milisegundos
setMinutes()
Cambia los minutos
setMonth()
Cambia el mes (atención al mes que empieza por 0)
setSeconds()
Cambia los segundos
setTime()
Actualiza la fecha completa. Recibe un número de milisegundos desde el 1 de enero de 1970
toTimeString()
Convierte la parte de tiempo de un objeto Date en una cadena
Ejemplo: