![Juan Rodríguez [Consultor]](../rc/rc262-jrc.png)
 |
| Estás en: Juan Rodríguez [Consultor] > JavaScript > Artículos y apuntes > Añadir JavaScript a una página web < |
Artículos
|
Añadir JavaScript a una página webPara añadir y ocultar guiones y funciones de JavaScript a una página web podemos optar por alguna de las siguientes alternativas:
* Mediante la etiqueta <script> Mediante la etiqueta <script>Es la forma más habitual y cómoda de incluir guiones de JavaScript: <script type="text/javascript"> A medida que el navegador va recibiendo y reproduciendo la página en HTML, de encontrarse con esta etiqueta, lo contenido entre <script> y </script> es ejecutado como JavaScript, si es que está activado en el navegador. Cuando se crean guiones que se pueden activar desde diferentes puntos de la página web, o bien que queremos que sean ejecutados con la carga de la página, se deben incluir al principio de la página, entre las etiquetas <head>. Como un URL (fichero aparte)El guión (o guiones) de JavaScript está incluido en un fichero, que puede ser invocado desde diferentes páginas, lo que nos permite utilizar la misma rutina sin reescribirla en cada web, facilitando, además, su actualización. <script type="text/javascript" src="../guiones/mis_scripts.js"> En src se indica la ruta (absoluta o relativa) y el nombre del fichero que contiene los guiones de JavaScript. Para este tipo de ficheros suele usarse la extensión js. En respuesta a eventosCódigo incluido en el CUERPO de una páginaLos guiones de JavaScript también pueden incluirse como argumentos de la etiqueta href, siendo analizados y ejecutados en respuesta a alguna actuación del usuario, como picar en un enlace o pasar el ratón por determinada zona. El siguiente ejemplo: <a href="javascript:void(0)" onclick="alert(' ¡ Lo has conseguido ! ')">Pulsa aquí</a> Quedaría como: En este ejemplo el código JavaScript va incluido dentro del cuerpo (body) de la página si bien es recomendable incluirlo en las cabeceras (head), ver el siguiente apartado, y así poder utilizarlo varias veces (en una misma página), escribiendo el código una sola vez. Código incluido en la CABECERA de una páginaEl ejemplo anterior quedaría:
<head> Y en el punto, o puntos, de la página que te interese, ya solo queda añadir el siguiente enlace para activar el guión (script) de JavaScript. <a href="javascript:void(0)" onclick="ejemplo()">Pulsa aquí</a> Que generará: Ocultar JavaScriptAunque no es lo habitual, pudiera darse el caso de que algún navegador no soportase JavaScript o el usuario lo hubiera desactivado. Para evitar que el navegador intente ejecutar como HTML lo que es JavaScript, se procede a su ocultación. Procedimiento generalPara ello justo después de la etiqueta <script> se abre un comentario de HTML que contiene las instrucciones de JavaScript, con lo que éstas quedan ocultas para el navegador, que lo considera un simple comentario. De forma análoga, cuando se acaban las instrucciones en JavaScript y antes de cerrar el comentario de HTML (-->) se añaden dos barras (//), para que JavaScript no interprete el cierre de HTML como una instrucción, evitando el consiguiente mensaje de error.
<script type="text/javascript">
Procedimiento para páginas con doctype XHTML 1.0 Strict y XHTML 1.1Los códigos de inicio (<!--) y final (//-->) se sustituyen por
El mismo ejemplo anterior quedaría como sigue:
<script type="text/javascript">
|
![Juan Rodríguez [Consultor]](../corporate/jrc010-jrc_mv.png)
Copyright ©
Juan Rodríguez y
Begues Internet s.l.
Todos los derechos reservados
Aviso Legal
![Juan Rodríguez [Consultor]](../rc/rc220-jrc_v.png)
Cuidar de nuestro entorno natural,
puede y debe ser cosa de todos.
Por ejemplo, no gastando papel para
imprimir una información que siempre
puedes tener en la pantalla de tu pc.
- -
Juan Rodríguez [Consultor]
Barcelona, Begues, Castelldefels
