JavaScript: Extensión para el cliente

¿Quieres colaborar? click

encuesta

¿Qué lenguaje utilizas del lado del servidor?

Ver resultados

Loading ... Loading ...

ÚLTIMOS COMENTARIOS

» Ricardo Rodriguez - Posiciona Web en WordAds, el "AdSense" de WordPress.com: Hola David.. Gracias por compartir esta excelente noticia. Pienso que se nos v ... ver comentario »

» NoticiasTecnologia en Plugin para manejar microdatos en WordPress: Interesante, para tomarlo en cuenta en cualquier tipo de sitio montado en Wordpr ... ver comentario »

» TecnoArk en Apple es el mayor fabricante de teléfonos inteligentes en 2011: Interesante artículo, aunque sin lugar a dudas el próximo año será un difícil añ ... ver comentario »

» LordCaos en Candy, un cliente de chat en JavaScript: Precisamente lo que buscaba, gracias... ... ver comentario »

» JUAN CARLOS en Ordenar y filtrar resultados de consultas MySQL con PHP, sin saturar la base de datos: me gustan mucho tus publicaciones, gracias por ayudarnos a resolver nuestras dud ... ver comentario »

» nuglam en Google cierra varios de sus servicios: no van a cerrar igoogle. solo desactivarán sus caráteristicas sociales. igual un ... ver comentario »

» David en Blogger y Picassa cambian de nombre: Pues efectivamente, parece que de momento la cosa está igual que estaba... ... ver comentario »

» Pepa en Blogger y Picassa cambian de nombre: Pues desde que publicaste esto no han cambiado nada, no? ... ver comentario »

» Mariano en Google+ ¿un fracaso antes de empezar?: Las pabadas que hay que leer de DAW... NO PUEDE VOLTEARLO, ya lo intento 3 veces ... ver comentario »

» DJMASTER en Bucles for en PHP: Igual que en C# ! :D ... ver comentario »

PATROCINADORES

» Servidores virtuales
» VPS

JavaScript: Extensión para el cliente

Por David | 20/mayo/2009 08:11h | |      

La extensión para cliente permite acceder a los objetos que utiliza el navegador y al DOM (Document Object Model), la jerarquía de objetos de un documento HTML:

Estos objetos los crea el motor JavaScript del navegador (o al menos están disponibles para dicho motor) a partir de la página HTML abierta por el propio navegador.

El proceso comienza cuando el navegador abre una página HTML (por ejemplo solicitándola a un servidor web o directamente del sistema de ficheros local).

La información contenida en dicha página constituye una corriente de datos con un inicio y un final.

El analizador sintáctico (parser) del navegador lee esa corriente de datos de forma secuencial, extrayendo (y mostrando en pantalla si es necesario) los distintos elementos HTML. Estos elementos también son convertidos a objetos que formarán parte de la estructura del documento (DOM) y que estarán disponibles para la propia funcionalidad del navegador y para los scripts y objetos (plugins) incluidos en la página.

De hecho, los programas JavaScript del lado del cliente pueden interactuar de dos formas con las páginas de las que forman parte:

1.- Durante la carga del documento, es decir, durante el análisis de la corriente de datos, pueden incorporar a dicha corriente expresiones HTML que serán aceptadas por el parser HTML y convertidas en los elementos necesarios. Habitualmente se utiliza este método para añadir información dinámica (fecha, hora, etc…) o para mostrar información en función de alguna condición (tipo de navegador que utiliza el usuario, resolución, etc…).

El proceso se muestra, de forma aproximada, en la siguiente figura:

2.- Una vez cargada la página, el documento HTML está reflejado en la estructura de objetos construida por el navegador. Los programas JavaScript pueden acceder a esta estructura para recoger información o incluso para modificarla de forma dinámica. La interactividad con el usuario se consigue a través del mecanismo de captura y tratamiento de eventos.

El acceso a los distintos objetos y sus propiedades se lleva a cabo recorriendo la jerarquía:

<html>
<body>
<form name=’form1′>
<input type=’text’ name=’nombre’>
</form>

window.document.form1.nombre.value = “Este es el nombre”;

-

Artículo (C) Epsilon Eridani.

SOBRE EL AUTOR

David

Fundador de vitaminaWEB.com (allá por el 2001), trabaja como desarrollador web y tiene otro sitio web con los mejores fondos de pantalla: todoFONDOS.com

Temas relacionados:

»

También puedes consultar en los diferentes foros de desarrollo web de este sitio web.

Referencias externas a este artículo (pingbacks y trackbacks): 0

Puedes enlazar este artículo, desde tu web o blog, a:

http://vitaminaweb.com/javascript-extension-para-el-cliente_23

O bien utilizar el siguiente código HTML:

<a href="http://vitaminaweb.com/javascript-extension-para-el-cliente_23">JavaScript: Extensión para el cliente</a>

COMENTARIOS

Comentarios cerrados

vitaminaWEB.com (2001-2012) Desarrollo web y tecnología

Publicación sobre desarrollo web, tecnología y otros temas relacionados.

portada - datos web - contacto

páginas temáticas: PHP

NUBE DE TEMAS (pincha para ver todos los artículos relacionados con un tema)

Accesibilidad , AJAX , Apache , ASP , bbPress , Bing , CSS , Curiosidades , Diseño gráfico , Dominios , Entrevistas , Eventos organizados , Flash , Fuentes tipográficas , GIMP , Google , HTML , HTML5 , Humor , Iconos , Java , JavaScript , Juegos , Libros , MySQL , Navegadores web , Otros temas , Photoshop , PHP , Posts patrocinados , Programas , Publicidad online , Redes sociales , Ruby on Rails , Seguridad informática , SEO , Servidores web , Silverlight , Usabilidad , WordPress , XHTML , XML