La etiqueta correcta para incluir código JavaScript en una página HTML es <script>, no <javascript>. Vamos a explicar cómo usar la etiqueta <script> y cómo acceder a un archivo JavaScript externo desde una página HTML.
- Uso de la etiqueta
<script>:
La etiqueta <script> se utiliza para incluir código JavaScript en una página HTML. Puedes colocar esta etiqueta en la sección <head> o en la sección <body> de tu documento HTML.
Ejemplo de código JavaScript incrustado en la sección <head>:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de script en head</title>
<script>
function saludar() {
alert('¡Hola, esto es un ejemplo de JavaScript en la sección head!');
}
</script>
</head>
<body>
<button onclick="saludar()">Haz clic aquí</button>
</body>
</html>
Ejemplo de código JavaScript incrustado en la sección <body>:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de script en body</title>
</head>
<body>
<button onclick="saludar()">Haz clic aquí</button>
<script>
function saludar() {
alert('¡Hola, esto es un ejemplo de JavaScript en la sección body!');
}
</script>
</body>
</html>
- Acceder a un archivo JavaScript externo:
En lugar de incluir el código JavaScript directamente en la página HTML, es posible enlazar un archivo JavaScript externo utilizando el atributo src de la etiqueta <script>. Esta práctica es útil para separar el código JavaScript del contenido HTML y mejorar la organización del proyecto.
Ejemplo de cómo vincular un archivo JavaScript externo:
Primero, crea un archivo JavaScript externo llamado script-externo.js y coloca el siguiente contenido en él:
function saludar() {
alert('¡Hola, esto es un ejemplo de JavaScript desde un archivo externo!');
}
Luego, crea un archivo HTML y vincula el archivo script-externo.js utilizando la etiqueta <script>:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de archivo JavaScript externo</title>
<script src="script-externo.js"></script>
</head>
<body>
<button onclick="saludar()">Haz clic aquí</button>
</body>
</html>
Al hacer clic en el botón, se ejecuta la función saludar() desde el archivo JavaScript externo.
Estos ejemplos demuestran cómo utilizar la etiqueta <script> para incluir código JavaScript en una página HTML y cómo vincular un archivo JavaScript externo. La elección entre incrustar el código directamente en la página o utilizar un archivo externo dependerá de las necesidades y preferencias del proyecto.
Deja una respuesta