Introducción a JavaScript
Parte 1
Javascript is un nuevo lenguaje escrito. Los 'scripts' de Javascript pueden ser introducidos dentro de páginas de html. Con Javascript se puede dar respuesta a eventos iniciados por el usuario (el observador de nuestras páginas, por ejemplo), eventos tales como la entrada de una forma o algún enlace. Esto sucede sin ningún tipo de transmisión, de tal forma que cuando un usuario escribe algo en una forma, no es necesario que sea transmitido hacia el servidor, verificado y devuelto. Las entradas son verificadas por la aplicación cliente y pueden ser transmitidas después de esto, También se puede pensar como un programa que se ejecuta en la versión cliente. Por ahora existe un gran número de calculadores en Internet, algunos son proporcionados por Netscape. Solo visite la sección de Javascript.
Aunque JavaScript se parece a Java, no es lo mismo. Java es un lenguaje de programación mucho más complejo que JavaScript. JavaScript está hecho para ser un lenguaje bastante fácil de entender. A los autores del JavaScript no les debió haber importado mucho la disciplina de la programación. Por esta razón, algunos elementos de Java no son aceptados en JavaScript.
Para una información mas concisa acerca de este tema, por favor lea la introducción ofrecida por Netscape.
Ud. puede ejecutar los scripts de JavaScript a
partir de Netscape Navigator 2.0. Por el momento Netscape está
lleno de versiones beta, así que agarre la suya. Si usted no
tiene Netscape Navigator 2.0 o superior consígalo.
También puede ejecutar JavaScripts a partir de
MS Explorer
3.0 o superior.
Ahora se muestran algunos pequeños scripts,
de modo que se pueda aprender de que modo estos son implementados
dentro de los documentos de html y mostrar con que posibilidades se
cuenta en este nuevo lenguaje script. El primero es un script muy
pequeño el cual solo mostrará texto dentro de un
documento html.
<html>
<head>
Mi primer JavaScript!
</head>
<body>
<br>
Este es documento normal en html.
<br>
<script language="LiveScript">
document.write("Esto es JavaScript!")
</script>
<br>
Otra vez en html.
</body>
</html>
Si usted está usando Netscape 2.0 por el momento, tendrá la posibilidad de ver este script trabajando. Si su browsers no es compatible con JavaScript entonces este escrito se debe ver un poco extraño...
Este es un documento normal en html.
Otra vez en html.
Se debe admitir que este script no es muy
funcional. Usted puede escribir eso en html mucho más
rápido y corto. Pero lo que se quería mostrar es como
se deben usar los tags <script>. Usted puede usar estos tags en
su documento en el lugar que desee.
Otro tipo de scripts definen funciones. Las
funciones son invocadas por eventos iniciados por el usuario. Por
esto parece razonable mantenerlas dentro de los tags <head>.
Ellos son cargados antes de que el usuario puedea hacer algo que
llame una función. Los scripts pueden ser ubicados como
comentario para asegurarse de que los browsers obsoletos no muestren
el script por si solos.
<html>
<head>
<script language="LiveScript">
function pushbutton() {
alert("Hola!");
}
</script>
</head>
<body>
<form>
<input type="button" name="Button1" value="PresiÛneme" onclick="pushbutton()">
</form>
</body>
</html>
Si desea probar esta función ahora y está usando
Netscape 2.0 entonces por favor presione el botón.
Este script creará un botón que
cuando es presionado muestra una ventana diciendo 'Hola!'.
¿Qué está sucediendo en este script? Primero la
función se carga y es guardada en memoria. Entonces un
botón es hecho con el tag normal <form> (html). Hay algo
completamente nuevo con el tag <input>. Allí se puede
ver 'onclick'. Esto le dice al browser que
función tiene que invocar cuando este botón es
presionado (logicamente si el browser es compatible con JavaScript).
La función 'pushbutton()' se aclara en el
encabezado (<head>). Cuando el botón es presionado esta
función se ejecuta. Existe otra cosa nueva en este script el
método 'alert'. Esto método está
declarado en JavaScript- sólo se necesita invocarlo. Existen
muchos métodos diferentes los cuales se pueden invocar.
Aquí se muestran algunos. Puede encontar una
descripción completa en el home page de Netscape. Creo que esa
lista se irá volviendo más y más extensa en el
futuro. Pero por el momento hay algunas cosas divertidas que se
pueden hacer con los métodos dados.
Se tiene un gran número de posibilidades tan
solo agregando funciones a los scripts. Ahora se mostrará como
leer algo que un usuario haya insertado en una forma.
<html>
<head>
<script language="LiveScript">
<!-- esconde el script de viejos browsers
function getname(str) {
alert("Hola "+ str+"!");
}
// end hiding contents -->
</script>
</head>
<body>
Por favor, escriba su nombre:
<form>
<input type="text" name="name" onBlur="getname(this.value)" value="">
</form>
</body>
</html>
Puede probar este script de nuevo:
Por favor escriba su nombre:
Otra vez se tienen nuevos elementos implementados
en este script. Primero usted habrá notado el comentario en el
script. De esta forma se puede esconder el script de los browsers
obsoletos que no ejecutan scripts. Se recomienda seguir el orden
mostrado. El principio del comentario debe estar justo después
del primer tag <script>. El comentario termina justo antes del
<script> tag. En este documento html usted tiene una forma
donde el usuario puede escribir su nombre. El 'onBlur'
en el tag <input> le dice al programa cliente que
función es la que tiene que invocar cuando algo se introduce
en esta forma o casilla. La función
'getname(str)' será invocada cuando usted deja en
blanco esta forma ('leave') o presiona [enter]
sin haber escrito nada. La función tomará el 'string'
usted escribió a través del comando
'getname(this.value)'. 'This.value' significa el valor
que usted escribió en la forma.
Se implementará la función de la fecha
dentro de este script. De modo que si usted hace una página en
html, puede hacer que el usuario vea la última
modificación del documento sin que se tenga que escribir la
fecha. Simplemente se escribe un programa en script. Cuando se hagan
pequeños cambios en el futuro, la fecha cambia
automaticamente.
<html>
<body>
Esta es una simple página en html.
<br>
Ultima modificación:
<script language="LiveScript">
<!-- oculta el script de los browsers obsoletos
document.write(document.lastModified)
// termina de esconder el contenido -->
</script>
</body>
</html>
Hay muchas mas cosas que usted puede hacer. Solo eche un vistazo en los documentos conservados por Netscape.