| Navegación |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| |
Lenguaje: JavaScript: Programación |
|
| |
Los programas en JavaScript aparecen incrustados en los propios documentos HTML como si de HTML se tratara. Pueden integrarse de dos formas:
1-. Como programas propiamente dichos, combinando funciones y sentencias, con el mismo aspecto que tendría el código de cualquier otro lenguaje.
2.- Introduciendo manejadores de eventos JavaScript en etiquetas HTML.
La etiqueta script:
La manera más convencional en que aparece JavaScript en un documento es en forma de programa. Podemos empezar por mostrar unos breves scripts y ver como son implementados dentro de documentos HTML. Empezaremos con un pequeño programa que muestra un texto en un documento HTML.
<html>
<head>
¡Mi primer JavaScript!
</head>
<body> <br>
Este es un documento HTML normal
<br>
<script language="JavaScript">
document.write("Esto es JavaScript!" 
</script> <br>
En HTML otra vez.
</body>
</html>
Este primer programa se limita a escribir en pantalla un determinado texto para lo que se emplea el código document.write. En este código, document es un objeto creado por el sistema que hace referancia al propio documento y write es uno de los métodos que proporciona para interactuar con él. El resultado de cargar este documento en un browser que interprete JavaScript será la aparición de los dos textos, el escrito en JavaScript y el escrito en HTML, sin que el usuario sea consciente del proceso.
El resultado seria:
Este es un document HTML normal.
Esto es JavaScript!
En HTML otra vez
Este script no es muy útil pero sirve para mostrar el uso de la etiqueta <SCRIPT>. Puedes usar estas etiquetas en cualquier lugar del documento, tanto en la cabecera como en el cuerpo, aunque si se declaran funciones es más aconsejable hacerlo en la cabecera.
La etiqueta <SCRIPT>es una extensión de HTML en la que se encierra el texto que compone el código del programa JavaScript correspondiente de la manera siguiente:
<SCRIPT>
Sentencias JavaScript...
</SCRIPT>
De esta manera el navegador que "entienda" JavaScript reconocerá el texto encerrado entre estas etiquetas como código JavaScript y no lo mostrará en la pantalla del cliente. Una cuestión importante a considerar es el mantenimiento de la compatibilidad con navegadores anteriores. Cualquier browser ignora las etiquetas desconocidas, por lo tanto, aquellos que no soporten JavaScript ignorarán el comienzo y el final del código del programa (encerrado entre las etiquetas <SCRIPT> y </SCRIPT>.Para que el resto del código tambien sea ignorado y no aparezca en la pantalla del cliente, lo encerraremos entre los símbolos de comentario HTML, <!-- y -->.
Los navegadores que, por el contrario si lo soporten, interpretarán el código encerrado entre las etiquetas SCRIPT e ignorará el principio de la linea en el script que comienza con la doble slash (//) o bien el encerrado entre "/*" y "*/", que son los símbolos de comentarios en este lenguaje.
Un documento puede tener varias etiquetas SCRIPT, y cada una de ellas incluir sentencias JavaScript diferentes.
Si queremos dar la posibilidad de ejecutar un código alternativo a los browsers que no interpretan JavaScript, debemos utilizar las etiquetas <NOSCRIPT></NOSCRIPT>
Por ejemplo:
<SCRIPT>
<!-- Ocultación a browsers antiguos
document.write("Si ves esto, tu browser interpreta JavaScript"
// Fin de la ocultación -->
</SCRIPT>
</HEAD>
<BODY>
<NOSCRIPT>
Si ves esto, tu browser no incorpora la etiqueta
</NOSCRIPT>
</BODY>
</HTML>
Con vistas a un uso futuro, esta etiqueta admite un parámetro opcional LANGUAGE que indica el lenguaje de script que se ha incrustado en el documento así como la versión de JavaScript.
<SCRIPT LANGUAGE="Versión de JavaScript">
Sentencies JavaScript...
</SCRIPT>
Las sentencias encerradas entre las etiquetas son ignoradas si el browser que las lee no tiene el nivel de JavaScript especificado en el atributo LANGUAGE.
Puede usar el atributo LANGUAGE para escribir scripts que contengan código para la última versión del navegador (con nuevas funciones que no existían en versiones anteriores) y que no provoquen un error ejecutándose bajo una versión anterior.
Existe un parámetro opcional a la etiqueta <SCRIPT>, SRC. El objeto del mismo es el de actuar como un include, incluyendo en el documento un código JavaScript que pueda ser compartido por diversos documentos, es decir, posibilitar el uso de librerias. Se recomienda que éstas tengan extensión ".js". La sintaxis asociada será:
El atributo SRC debe especificar una URL, relativa o absoluta. Por ejemplo:
<SCRIPT src="libreria.js" mce_src="libreria.js"></SCRIPT>
<SCRIPT src="http://home.netscape.com/functions/libreria.js" mce_src="http://home.netscape.com/functions/libreria.js">
Esta libreria no puede contener código HTML, únicamente definiciones de funciones JavaScript.
|
|
|
|
|
|
|
|
|
|
|
|
|
