¿Quieres darle un toque interactivo y dinámico a tus páginas web? ¡Agrega JavaScript! Esta poderosa herramienta te permitirá crear efectos visuales impresionantes, validaciones de formularios y mucho más. Aprende cómo agregar JavaScript a tus páginas web en este artículo. ¡No te lo pierdas!
Agregar código JavaScript a una página web es directo y simple. Los programas JavaScript contenidos en una página HTML se denominan scripts.
Cuando desea agregar código JavaScript a una página web, contiene el código dentro del <script> elemento. Cuando un navegador web encuentra este elemento, el navegador web sabe que el motor de secuencias de comandos debe interpretar los comandos dentro del elemento. El atributo de tipo del elemento de secuencia de comandos le dice al navegador qué lenguaje de secuencias de comandos y qué versión del lenguaje de secuencias de comandos se está utilizando.
Por ejemplo, asigna un valor de text/javascript al atributo de tipo para indicar que el script está escrito con JavaScript. Aquí hay un ejemplo:
<script type="text/javascript">
...code... ;
</script>¿Dónde coloco estos scripts?
No hay límite en la cantidad de scripts que puede tener en su documento web. Los guiones se pueden ubicar dentro de los elementos de cabeza y cuerpo, incluso al mismo tiempo.
Sin embargo, si es posible, debe colocar todas sus secuencias de comandos en la sección principal, justo antes de la etiqueta principal de cierre. Si coloca guiones dentro de la sección del cuerpo, los guiones deben colocarse en la parte inferior, justo antes de la etiqueta del cuerpo de cierre.
Archivos JavaScript externos
JavaScript también se puede colocar en archivos externos. Este es un enfoque común. Los archivos JavaScript externos a menudo contienen código para ser utilizado en varias páginas web diferentes. De esta forma, solo tienes que tener el código JavaScript definido una vez, en un archivo externo que puede ser utilizado por muchas páginas diferentes.
Los archivos JavaScript externos deben guardarse con la extensión de archivo de .js. Para hacer referencia a un script externo, simplemente apunte al .js archivo en el src atributo dentro del <script> elemento. Aquí hay un ejemplo:
<script type="text/javascript" src="https://www.itgeared.com/add-javascript-to-your-web-pages/filename.js"></script>Generalmente, los scripts de JavaScript dentro de una página HTML se ejecutarán cuando se cargue la página. Este puede no ser el comportamiento que preferiríamos.
En algunos casos, nos gustaría ejecutar el código JavaScript cuando ocurre un evento, como cuando un usuario hace clic en un botón. Para este tipo de escenarios, necesitaríamos colocar el código JavaScript dentro de una función. Aprenderemos más sobre las funciones de JavaScript en los próximos tutoriales.
