¿Cómo se incluyen scripts de JavaScript en HTML?
Para incluir scripts de JavaScript en un documento HTML, se utiliza la etiqueta <script>. Esta etiqueta permite que el navegador interprete el código JavaScript que contiene, de manera que se pueden añadir funcionalidades interactivas a una página web.
1. Incluir JavaScript directamente en el HTML
Puedes escribir JavaScript directamente dentro de una etiqueta <script> en el mismo archivo HTML. Este método se usa comúnmente para scripts cortos o específicos de una sola página. Aquí tienes un ejemplo básico:
<!DOCTYPE html>
<html lang="es">
<head>
<title>Ejemplo de Script en HTML</title>
</head>
<body>
<h1>¡Hola, JavaScript!</h1>
<script>
alert('Hola desde un script inline');
</script>
</body>
</html>
En este caso, el código JavaScript alert('Hola desde un script inline'); se ejecutará cuando se cargue la página, mostrando una alerta.
2. Incluir JavaScript en un archivo externo
Para mantener el código JavaScript separado del HTML, es común escribir el JavaScript en un archivo externo. Esto facilita la organización del código y permite reutilizar el archivo en varias páginas. Para enlazar un archivo JavaScript externo, se usa el atributo src dentro de la etiqueta <script>, así:
<script src="miScript.js"></script>
En este caso, el archivo miScript.js debe estar en el mismo directorio que el archivo HTML, o bien debes especificar la ruta correcta si está en otra ubicación.
3. Ubicación de la etiqueta <script> en el HTML
La etiqueta <script> se puede colocar en dos lugares comunes:
-
En el <head>: Si el JavaScript es necesario desde el principio, puede ir en el
<head>del documento. Sin embargo, esto puede ralentizar la carga de la página porque el script se carga antes del contenido. - Al final del <body>: Este es el lugar recomendado, especialmente para scripts que dependen del contenido HTML. Colocarlo aquí permite que la página cargue primero el HTML y luego el JavaScript, mejorando la velocidad de carga inicial.
Ejemplo de script al final del <body>:
<body>
<h1>Página con JavaScript al final del body</h1>
<script src="miScript.js"></script>
</body>
Resumen
En resumen, para incluir JavaScript en HTML puedes hacerlo de forma inline (dentro del propio HTML) o a través de un archivo externo. Colocar el script al final del <body> es una buena práctica para optimizar la carga de la página.
Comentarios
Publicar un comentario