Colegio nacional de Educacin profesional Tcnica Jos Ricardo Hernndez Fernndez Rubrica # 3 Diseo y elaboracin de pginas web 6102-I

25/05/12

Qu es una funcin Se tienen que desarrollar varios procesos para la ejecucin de un 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. Una funcin es 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. Las funciones se utilizan constantemente, no slo las que escribes t, sino tambin las que ya estn definidas en el sistema, pues todos los lenguajes de programacin suelen tener 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. Por ejemplo, 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 manual veremos muchas de las funciones definidas en Java script que debemos utilizar para realizar distintos tipos de acciones habituales. Cmo se escribe una funcin Una funcin es con una sintaxis especial como en el ejemplo: 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 reconozca 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. Admitimos que 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 muestran 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.

Cmo llamar a una funcin Para ejecutar la funcin utilizamos su nombre seguido de los parntesis. Por ejemplo, as llamaramos a la funcin escribirBienvenida() que acabamos de crear. escribirBienvenida() Luego veremos que existen muchas cosas adicionales que debemos conocer de las funciones, como el paso de parmetros o los valores de retorno. Pero antes vamos a explicar dnde debemos colocar las funciones Javascript.