Una web de Javier Marco Rubio
FORO
 CONTACTO
anterior siguiente
JAVASCRIPT: PRIMEROS PASOS

El código JavaScript se encuentra integrado o embebido dentro del HTML de la página que se diseña. Cuando el navegador recibe una página que contiene JavaScript, lo interpreta y lo ejecuta. Lo que el navegante ve, es la página resultante de dicha ejecucción JacaScript.

Veamos un ejemplo de página con Java Script muy secillo. El código JavaScript se halla entre los tags <script>:

<html>
<head><title>Mi primer programa en JavaScript</title>
</head>
<body>
<h1>Este es vuestro primer ejemplo de JavaScript</h1>
<script languaje="JavaScript">
document.write("Hola Mundo");
</script>
<p>
Eso es todo.
</body>
</html>

Carga esta página en el navegador, y comprobar el resultado. Mandarle al navegador que muestre el código fuente de dicha página. ¿Dónde está el código JavaScript?

FUNCIONES:

Se pueden programar funciones JavaScript que permiten ser usadas repetidas veces sin necesidad de repetir varias líneas de código. Las funciones pueden recibir parámetros. Estudiemos en liguiente ejemplo:

<html>
<head>
<title>Funciones en JavaScript</title>
<scrip languaje="JavaScript">
function EnColor(colortexto,texto)
{
document.write('<font color='+colortexto+'>'+texto+'</font><br>');
for(var i=1 ; i<=texto.length ; i++)
{
document.write ('-');
};
document.write('<br>');
}
</script>
</head>
<body>
<center>
<script languaje="JavaScript">
EnColor("blue","curso de paginas web");
EnColor("red","en color rojo");
EnColor("green","y ahora quiero ver como queda en verde");
</script>
</center>
</body>
</html>

 

La función EnColor espera dos parametros. Uno es el código de color que se quiere para el texto, y el otro es el texto en sí. La función, además de escribir el texto en dich color. Subraya con el texto con un número de guiones equivalente al numero de letras del propio texto.

Eventos:

Son porciones de código JavaScript que responden a ciertos sucesos (generalmente provocados por el usuario). Por ello son el fundamento de la interactividad en las páginas web. Algunos eventos de uso comun:

onLoad: evento que se produce cuandos e carga la página en el navegador.
OnClick: evento que se produce cuando se pulsa sobre un elemento de formulrio o sobre un enlace.
OnMouseOver: Evento que se produce cuado el ratón pasa por encima de un enlace.

Veamos este ejemplo del evento onClick:

<input type="button" value="Saludame" onClick="alert('Hola!')">

Este ejemplo en una página web añade un botón de formulario que dice hola en una ventana de pop-up cuando se le pulsa.

 

 

Autor: Javier Marco

anterior siguiente
 

Novedades

Realidad Virtual
Quest 3D
Modelado 3D
Iluminación Giles
Conway's Game of Life

Stereoscopía
Foto 3D

Internet
HTML
Dreamweaver
JavaScript
ASP

 

  
Hagaloustedmismo
Contacte en : hagaloustedmismo@wanadoo.es
Phohibida toda reproducción total o parcial sin permiso del autor