Funcin en Java Script

A la hora de hacer un programa ligeramente grande existen determinados procesos que se pueden concebir de forma independiente, y que son ms sencillos de resolver que el problema entero. Adems, estos suelen ser realizados repetidas veces a lo largo de la ejecucin del programa. Estos procesos se pueden agrupar en una funcin, definida para que no tengamos que repetir una y otra vez ese cdigo en nuestros scripts, sino que simplemente llamamos a la funcin y ella se encarga de hacer todo lo que debe. As que podemos ver una funcin como una serie de instrucciones que englobamos dentro de un mismo proceso. Este proceso se podr luego ejecutar desde cualquier otro sitio con solo llamarlo. Por ejemplo, en una pgina web puede haber una funcin para cambiar el color del fondo y desde cualquier punto de la pgina podramos llamarla para que nos cambie el color cuando lo deseemos. Caractersticas

Las funciones se utilizan constantemente, no slo las que escribes tu, sino tambin las que ya estn definidas en el sistema, pues todos los lenguajes de programacin tienen un montn de funciones para realizar procesos habituales como por ejemplo obtener la hora, imprimir un mensaje en la pantalla o convertir variables de un tipo a otro. Ya hemos visto alguna funcin en nuestros sencillos ejemplos anteriores cuando hacamos un document.write() en realidad estbamos llamando a la funcin write() asociada al documento de la pgina que escribe un texto en la pgina. En los captulos de funciones vamos primero a ver cmo realizar nuestras propias funciones y cmo llamarlas luego. A lo largo del libro veremos muchas de las funciones definidas en Javascript que debemos utilizar para realizar distintos tipos de acciones habituales. Sintaxis

Cmo se escribe una funcin? Una funcin se debe definir con una sintaxis especial que vamos a conocer a continuacin. function nombrefuncion (){ instrucciones de la funcin ... } Primero se escribe la palabra function, reservada para este uso. Seguidamente se escribe el nombre de la funcin, que como los nombres de variables puede tener nmeros, letras y algn carcter adicional como en guin bajo. A continuacin se colocan entre llaves las distintas instrucciones de la funcin. Las llaves en el caso de las funciones no son opcionales, adems es til colocarlas siempre como se ve en el ejemplo, para que se vea fcilmente la estructura de instrucciones que engloba la funcin. Veamos un ejemplo de funcin para escribir en la pgina un mensaje de bienvenida

dentro de etiquetas <H1> para que quede ms resaltado.

function escribirBienvenida(){ document.write("<H1>Hola a todos</H1>") } Simplemente escribe en la pgina un texto, es una funcin tan sencilla que el ejemplo no expresa suficientemente el concepto de funcin, pero ya veremos otras ms complejas. Las etiquetas H1 no se escriben en la pgina, sino que son interpretadas como el significado de la misma, en este caso que escribimos un encabezado de nivel 1. Como estamos escribiendo en una pgina web, al poner etiquetas HTML se interpretan como lo que son. Ejemplo

Funcin 2: getElementsByTagName() Uso:var array_elementos= elemento.getElementsByTagName(tag); Sirve para obtener un array con todos los elementos con un tag concreto que estn contenidos dentro de un elemento. Veamos una ejemplo. Queremos cambiar el color del texto de todos los elementos con tag A contenidos dentro del elemento con id links: <a href=/>Home</a> <div id=links> <a href=http://google.com>Google</a> <a href=http://ubuntu.com>Ubuntu</a> <a href=http://debian.org>Debian</a> </div> <script type=text/javascript> // Obtenemos el elemento con id links var el = document.getElementById(links); // Ahora obtenemos todos los elementos con tag A que hay // dentro del elemento 'el' var as = el.getElementsByTagName(A);

// Y finalmente recorremos el array de elementos para // cambiarles el color a cada uno for (var i=0; i<as.length; i++) { as[i].style.color = '#000'; // negro } </script>