Sintaxis general de una función
La sintaxis general de una función es:
function nombre_funcion(argumentos) { instrucciones return variable } |
Ejemplo: función sin argumentos:
function mensaje() { alert("Esto es un mensaje de JavaScript") } |
Ejemplo: función con un argumento:
function ImprimeNombre(nombre) { document.write("<p>Tu nombre es <strong>") document.write(nombre) document.write("</strong><p>") } |
Ejemplo: función con dos argumentos:
function sumar(a, b) { resultado = a + b return resultado } |
Cómo utilizar funciones
Podemos ejecutar código en tiempo de carga. Definimos la función en el HEAD y la ejecutamos durante la carga de la página web. En el siguiente ejemplo, el script escribe código HTML on-line:
<head> <script type="text/javascript"> <!-- function sumar(a, b) { resultado = a + b return resultado } // --> </script> </head> <body> <script language=text/javascript> <!-- document.write(sumar(2, 2)) // --> </script> </body> |
Lo habitual es invocar una función al capturar un evento. En el siguiente ejemplo definimos la función en el HEAD, capturamos el evento onclick del botón del formulario y llamamos a la función:
<head> <script type="text/javascript"> <!-- function mensaje() { alert("Esto es un mensaje de JavaScript") } // --> </script> </head> <body> <form name="formulario"> <input type="button" name="boton" value="prueba" onclick="mensaje()"> </form> </body> |
Recursos
- Tutorial JavaScript: JavaScript Tutorial