Javascript / Objetos del navegador y Lenguaje

Bienvenidos sean a este post, hoy hablaremos algo que citamos en el post anterior y es sobre los objetos del navegador y estos a su vez lo podemos dividir en dos grupos: los objetos del nivel mas alto que interactuan con Javascript y los objetos que tiene una relacion directa con los elementos HTML, veamos la siguiente tabla para entender el concepto del segundo grupo:

Objeto Javascript	Tag HTML
window
frame	< FRAME >
document	< BODY >
form	< FORM >
button	< INPUT TYPE = «button» >
checkbox	< INPUT TYPE = «checkbox» >
hidden	< INPUT TYPE = «hidden» >
fileUpload	< INPUT TYPE = «file» >
password	< INPUT TYPE = «password» >
radio	< INPUT TYPE = «radio» >
reset	< INPUT TYPE = «reset» >
select	< SELECT >
submit	< INPUT TYPE = «submit» >
text	< INPUT TYPE = «text» >
textarea	< TEXTAREA >
link	< A HREF=»» >
anchor	< A NAME=»» >
applet	< APPLET >
image	< IMG >
plugin	< EMBED >
area	< MAP >
history
location
navigator

En este caso tenemos una tabla donde del lado izquierdo tendremos el nombre del objeto en Javascript y del lado derecho su equivalencia en HTML (si posee uno) pero a su vez los objetos en Javascript tienen una jerarquia de contenedor-contenido, veamos este ejemplo:

window.document.form.text

En este caso observen la jerarquia primero va window porque este elemento es el principal y que lo contiene a todos los demas, despues viene document el cual equivale al elemento body y a su vez esta contenido en window, el siguiente elemento llamado form equivale al elemento HTML < FORM > y en general o una buena practica es que este contenido en el elemento < BODY > y por ultimo tenemos a text el cual a su vez esta contenido en el elemento form, como podran haberse dado cuenta a la hora de crear la linea de objetos siempre debe ser del elemento mas externo al elemento interno o de afuera hacia adentro y a su vez nosotros podriamos utilizar una propiedad del objeto text como se ve en el siguiente ejemplo:

window.document.form.text.value;

Nota: El objeto window lo utilizamos para mostrar el ejemplo pero en la practica el lenguaje no necesita que se lo especifiquemos porque viene de forma implicita en cada uno de los objetos que utilicemos.

En este caso agregamos la propiedad value la cual nos devolvera el valor almacenado en el objeto text, en nuestros siguiente posts veremos algunos de los objetos mas utilizados por nosotros en Javascript, sus propiedades y sus funciones.

El segundo grupo, los objetos del lenguaje, son grupos que a diferencia de los anteriores no tienen una representacion grafica o de forma visual sino mas bien seran funciones propias del lenguaje que utilizaremos para nuestros codigo, este es un listado de los objetos de este grupo:

• String
• Array
• Boolean
• Number
• Function
• Math
• Date

En proximos posts al igual que dijimos antes iremos describiendo las propiedades de cada de uno de los objetos mencionados pero como podran observar nos permitiran hacer las acciones necesarias para manipular los elementos del grupo anterior.

En resumen, hoy hemos hablado de los dos grupos, en el primer caso tenemos objetos que en su mayoria estan relacionados a elementos HTML, a su vez que poseen una jerarquia del tipo contenedor-contenido, hemos visto un ejemplo de jerarquia y al mismo tiempo como esa jerarquia puede usar una propiedad de la ultima, en el caso del segundo grupo hablamos de que tipo son, como estan orientados y un listado de los mismos, espero les haya sido util sigueme en tumblr, Twitter o Facebook para recibir una notificacion cada vez que subo un nuevo post en este blog, nos vemos en el proximo post.

Tengo un Patreon donde podes acceder de manera exclusiva a material para este blog antes de ser publicado, sigue los pasos del link para saber como.