Esta guía ilustrará los enfoques para colocar JavaScript en un archivo HTML.
¿Dónde colocar JavaScript en un archivo HTML?
La ubicación de JavaScript en un archivo HTML puede estar en:
Enfoque 1: Colocación de JavaScript dentro de la etiqueta en un archivo HTML
En este enfoque, la ubicación de la parte JavaScript del código dentro del '
Ejemplo
Veamos una descripción general de la siguiente demostración:
< cabeza >
< tipo de guión = 'texto/javascript' >
colocación de funcionesJs ( ) {
alerta ( 'La ubicación de JavaScript está dentro de la etiqueta ' )
}
texto >
cabeza >
< cuerpo >
< centro >< botón al hacer clic = 'ubicaciónJs ()' > Haz click en mi botón > centro >
cuerpo >
En el fragmento de código anterior:
- Incluya la parte JavaScript del código dentro del '
” etiqueta con la ayuda de la “ ' etiqueta. - En el código JS, defina una función llamada ' colocaciónJs() ”. En su definición, mostrar el mensaje indicado a través del cuadro de diálogo de alerta.
- Por último, en el código HTML, cree un botón que tenga un ' al hacer clic ” evento que redirigirá a la función definida en el paso anterior al hacer clic en el botón.
Producción
En el resultado anterior, se puede ver que el código JS funciona correctamente colocándolo dentro del '
Enfoque 2: Colocación de JavaScript dentro de la etiqueta en un archivo HTML
En este enfoque, la ubicación del código JavaScript dentro del '
Ejemplo
El siguiente ejemplo ilustra el concepto establecido:
< cuerpo >< centro >< botón al hacer clic = 'ubicaciónJs ()' > Haz click en mi botón > centro >
< tipo de guión = 'texto/javascript' >
colocación de funcionesJs ( ) {
alerta ( 'La ubicación de JavaScript está dentro de la etiqueta ' )
}
texto >
cuerpo >
En las líneas de código anteriores:
- Dentro de '
”, asimismo, cree un botón invocando la función placeJs() con la ayuda de la “ al hacer clic ' evento. - En el bloque de código JavaScript, declare una función llamada ' colocaciónJs() ”.
- Esta función se invocará al hacer clic en el botón y mostrará el mensaje indicado a través de una alerta.
Producción
Enfoque 3: Colocación de JavaScript como un archivo externo
Este enfoque particular implica la colocación de un bloque de código JavaScript como un archivo JS externo que tiene el nombre de archivo particular con una extensión ' .js ' en el ' origen ' atributo.
Ejemplo
Veamos el siguiente ejemplo:
< cuerpo >< centro >< botón al hacer clic = 'ubicaciónJs ()' > Haz click en mi botón > centro >
cuerpo >
< tipo de guión = 'texto/javascript' origen = archivo externo. js > texto >
En el código HTML anterior:
- Recuerde el enfoque discutido para crear un botón que redirija a la función de JavaScript ' colocaciónJs() ”.
- Después de eso, integre las funcionalidades de JavaScript con la ayuda de un archivo JS externo vinculado con el nombre de archivo indicado en el ' origen ' atributo.
Pasemos al siguiente código JS:
colocación de funcionesJs ( ) {alerta ( 'Este es un archivo JavaScript externo' )
}
En el bloque de código anterior:
- Defina una función llamada “ ubicaciónJS() ”.
- En su definición, muestra el mensaje indicado a través de una alerta al hacer clic en el botón.
- Este enfoque devolverá el mismo resultado al incorporar los archivos HTML y JavaScript.
Producción
Hemos ofrecido información auténtica relacionada con la colocación de JavaScript en un archivo HTML.
Conclusión
La ubicación de JavaScript en un archivo HTML puede estar en el '