2.1 El lenguaje Javascript
Vamos a conocer cómo incluir scripts, mezclando el propio código Javascript con el HTML. Luego veremos cómo se debe colocar código para que nuestra web sea compatible con todos los navegadores, incluso aquellos que no soportan Javascript.
2.1.1 Javascript se escribe en el documento HTML
La programación de Javascript se realiza dentro del propio documento HTML. Es decir, el código Javascript se mezcla con el propio código HTML para generar la página. Debemos aprender a mezclar los dos lenguajes de programación, para que puedan convivir sin problemas, se han de incluir los delimitadores <SCRIPT> y </SCRIPT>.
2.1.2 La colocación de los scripts sí que importa
En una misma página podemos introducir varios scripts, cada uno que podría introducirse dentro de unas etiquetas <SCRIPT> distintas.
También se puede escribir Javascript dentro de determinados atributos de la página, como el atributo onclick. Estos atributos están relacionados con las acciones del usuario y se llaman manejadores de eventos.
2.2 Maneras de ejecutar scripts Javascript
Existen dos maneras de ejecutar scripts: al cargar la página o como respuesta a acciones del usuario.
2.2.1 Ejecución directa
Se incluyen las instrucciones dentro de la etiqueta <SCRIPT>. Cuando el navegador lee la página y encuentra un script va interpretando las líneas de código y las va ejecutando una después de otra.
2.2.2 Respuesta a un evento
Los eventos son acciones que realiza el usuario. Los programas como Javascript están preparados para atrapar determinadas acciones realizadas, y realizar acciones como respuesta. Existen muchos tipos de eventos distintos, por ejemplo la pulsación de un botón, el movimiento del ratón o la selección de texto de la página.
Las acciones que queremos realizar como respuesta a un evento se han de indicar dentro del mismo código HTML, pero en este caso se indican en atributos HTML que se colocan dentro de la etiqueta que queremos que responda a las acciones del usuario.
2.3 Ocultar scripts Javascript en navegadores antiguos
Para evitar que el texto de los scripts se escriba en la página cuando los navegadores no los entienden se tienen que ocultar los con comentarios HTML (<!-comentario HTML -->).
2.3.1 Ocultar el código Javascript con comentarios HTML
<SCRIPT>
<!--
Código Javascript
//-->
</SCRIPT>
<!--
Código Javascript
//-->
</SCRIPT>
El inicio del comentario HTML es idéntico a cómo lo conocemos en el HTML, pero el cierre del comentario empieza por doble barra inclinada.
2.3.2 Mostrar un mensaje para navegadores antiguos con <NOSCRIPT>
Podemos sugerir a los visitantes que actualicen su navegador a una versión compatible con el lenguaje. Para ello utilizamos la etiqueta <NOSCRIPT> y entre esta etiqueta y su correspondiente de cierre podemos colocar el texto alternativo al script.
código javascript
</SCRIPT>
<NOSCRIPT>
Este navegador no comprende los scripts que se están ejecutando, debes actualizar tu versión de navegador a una más reciente.
<br><br>
<a href=http://netscape.com>Netscape</a>.<br>
<a href=http://microsoft.com>Microsoft</a>.
</NOSCRIPT>
2.4 Más sobre colocar scripts
2.4.1 Indicar el lenguaje que estamos utilizando
El atributo en cuestión es language y lo más habitual es indicar simplemente el lenguaje con el que se han programado los scripts.
2.4.2 Incluir ficheros externos de Javascript
Otra manera de incluir scripts en páginas web es incluir archivos externos con extensión .js
//estoy incluyendo el fichero "archivo_externo.js"
</SCRIPT>
El archivo que incluimos (en este caso archivo_externo.js) debe contener tan solo sentencias Javascript. No debemos incluir código HTML de ningún tipo, ni tan siquiera las etiquetas </SCRIPT> y </SCRIPT>.
2.5.- Sintaxis Javascript
Sintaxis del lenguaje Javascript.
2.5.1 Comentarios en el código
Un comentario es una parte de código que no es interpretada por el navegador. Existen dos tipos: la doble barra, sirve para comentar una línea de código. El otro comentario lo podemos utilizar para comentar varias líneas y se indica con los signos /* para empezar el comentario y */ para terminarlo.
//Este es un comentario de una línea
/*Este comentario se puede extender
por varias líneas.
Las que quieras*/
</SCRIPT>
2.5.2 Mayúsculas y minúsculas
En Javascript se han de respetar las mayúsculas y las minúsculas. Para que la funcion alert() la reconozca Javascript se tiene que escribir toda en minúsculas. Lons nombres se escriben en minúscula a no ser que se utilice un nombre con más de una palabra. Por ejemplo documen.bgColor se escribe con la "C" de color en mayúscula, por ser la primera letra de la segunda palabra.
2.5.3 Separación de instrucciones
Javascript tiene dos maneras de separar instrucciones: a través del punto y coma (;) y a través de un salto de línea.
Por esta razón Las sentencias Javascript no necesitan acabar en punto y coma a no ser que coloquemos dos instrucciones en la misma línea.
No hay comentarios:
Publicar un comentario