JAVASCRIPT
Un lenguaje de script es un pequeño lenguaje de programación cuyo código se inserta
dentro del documento HTML. Este código se ejecuta en el navegador del usuario al
cargar la página, o cuando sucede algo especial como puede ser el pulsar sobre un
enlace.
El siguiente código es una página Web completa con un botón que, al pulsarlo,
muestra el mensaje.
<HTML>
<HEAD>
<SCRIPT>
function HolaMundo() {
alert("¡Hola, mundo!");
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT TYPE="button" NAME="Boton" VALUE="Pulsame"
onClick="HolaMundo()">
</FORM>
</BODY>
</HTML
En este ejemplo logramos que la página muestre un mensaje de bienvenida
personalizado, obteniendo un dato de una caja de texto.
<HTML>
<HEAD>
<SCRIPT>
function muestra()
{
var nombre=txtnom.value;
alert("mucho gusto "+nombre);
txtnom.value="";
txtnom.focus();
}
</SCRIPT>
</HEAD>
<BODY BGCOLOR=#777777>
<INPUT TYPE="text" NAME="txtnom" SIZE=20>
<INPUT TYPE="button" VALUE="mostrar" ONCLICK=muestra();>
</BODY>
</HTML>
En el siguente ejemplo podemos observar como JavaScript utiliza las estructuras de
decisión para validar un dato.
<HTML>
<HEAD>
<SCRIPT>
function ver()
{
var e=parseint(txtedad.value);
if(e <= 17)
{alert("acceso denegado menor de edad");}
else
{alert("fuera de limite mayor de 60");}
</SCRIPT>
</HEAD>
<BODY>
EDAD:
<INPUT TYPE="text" NAME="txtedad" SIZE=2>
<INPUT TYPE="button" VALUE="verificar" ONCLICK=ver();>
</BODY>
</HTML>
Con JavaScript también podemos hacer uso de las estructuras de repetición o bucles,
para repetir una acción un número determinado de veces o hacer una cuenta simple.
<HTML>
<HEAD>
<SCRIPT>
function contar()
{
var c;
c=0;
for(c=0;c<=10;c++)
{
alert(c);
}
}
</SCRIPT>
</HEAD>
<BODY onLoad=contar();>
</BODY>
</HTML>
También podemos ejecutar y abrir nuevas ventanas del navegador.
<HTML>
<HEAD>
<SCRIPT>
function ventana()
{
var v;
v=window.open("prac01.html","x", rezisable="no");
}
</SCRIPT>
</HEAD>
<BODY onLoad=ventana();>
</BODY>
</HTML>
Con los siguientes parámetros en la funcion Window.Open podemos controlar el
aspecto de la nueva ventana del explorador.
Height y Width nos dan el tamaño de la ventana que se carga.
Fullscreen = Yes/no determina si la ventana la abre a pantalla completa.
Top y Left determina las coordenadas donde se abrirá la ventana.
Scrollbars = Yes/No determina si la ventana tendrá las barras de desplazamiento.
Menubar=Yes/No determina si se presentara la barra de menú en la ventana.
También podemos controlar el aspecto de nuestra pagina Web mediante código
JavaScript, en el siguiente ejemplo se presenta como cambiar de color de fondo y del
texto dinámicamente.
<HTML>
<HEAD>
<SCRIPT>
function fondo(col)
{
c=document.bgcolor=col;
}
function texto(col)
{
document.fgcolor=col;
}
</SCRIPT>
</HEAD>
<BODY>
COLOR DE FONDO<BR>
<INPUT TYPE="RADIO" NAME="F" ONCLICK=FONDO("#FF0000");>ROJO<BR>
<INPUT TYPE="RADIO" NAME="F" ONCLICK=FONDO("#0000FF");>AZUL<BR>
<INPUT TYPE="RADIO" NAME="F" ONCLICK=FONDO("#00FF00");>VERDE<BR>
<INPUT TYPE="RADIO" NAME="F" ONCLICK=FONDO("#555555");>GRIS<BR><BR>
COLOR DE TEXTO<BR>
<INPUT TYPE="RADIO" NAME="T" ONCLICK=TEXTO("#000000");>NEGRO<BR>
<INPUT TYPE="RADIO" NAME="T" ONCLICK=TEXTO("#555500");>BEIGE<BR>
<INPUT TYPE="RADIO" NAME="T" ONCLICK=TEXTO("#668811");>PURPURA<BR>
</BODY>
</HTML>
