Dónde colocar JavaScript en un archivo HTML
Esta guía ilustrará los enfoques para colocar a JavaScript en un archivo HTML.
Dónde colocar JavaScript en un archivo HTML?
La colocación de JavaScript en un archivo HTML puede estar en el:
- "" etiqueta.
- "" etiqueta.
- Externo "archivo js".
Enfoque 1: Colocación de JavaScript dentro de la etiqueta en un archivo HTML
En este enfoque, la colocación de la parte de JavaScript del código dentro del ""La etiqueta será ilustrada.
Ejemplo
Tengamos una descripción general de la demostración a continuación:
En el fragmento de código anterior:
- Incluya la parte JavaScript del código dentro del ""Etiqueta con la ayuda del"" etiqueta.
- En el código JS, defina una función llamada "colocaciónjs ()". En su definición, muestre 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 clicEvento que redirigirá a la función definida en el paso anterior sobre el botón Haga clic.
Producción
En la salida anterior, se puede ver que el código JS funciona correctamente colocándolo dentro del "" etiqueta.
Enfoque 2: Colocación de JavaScript dentro de la etiqueta en un archivo HTML
En este enfoque, la colocación del código JavaScript dentro del "Se discutirá la etiqueta en un archivo HTML.
Ejemplo
El ejemplo a continuación ilustra el concepto declarado:
En las líneas de código anteriores:
- Dentro de ""Tag, del mismo modo, cree un botón que invoque la función de colocación de funciones () con la ayuda del"al hacer clic" evento.
- En el bloque de código JavaScript, declare una función llamada "colocaciónjs ()".
- Esta función se invocará en el botón Haga clic y muestre el mensaje establecido 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 "SRC" atributo.
Ejemplo
Pasemos por el siguiente ejemplo:
En el código HTML anterior:
- Recuerde el enfoque discutido para crear una redirección de botón a la función JavaScript "colocaciónjs ()".
- Después de eso, integre las funcionalidades de JavaScript con la ayuda de un archivo JS externo vinculado con el nombre del archivo indicado en el "SRC" atributo.
Pasemos al código JS dado a continuación:
función colocaciónjs ()alerta ("Este es un archivo JavaScript externo")
En el bloque de código anterior:
- Defina una función llamada "colocaciónjs ()".
- En su definición, muestre el mensaje indicado a través de la alerta sobre el botón Haga clic.
- Este enfoque devolverá el mismo resultado incrustando 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 colocación de JavaScript en un archivo HTML puede estar en el ""Etiqueta, la""Etiqueta, o como un externo"archivo js"Al especificar el"SRC". El código JavaScript actúa igual cuando se coloca en cualquiera de las etiquetas establecidas. Sin embargo, colocar a JavaScript como un archivo JS externo ayuda a la reutilización del código. Este blog guió relacionado con la colocación de JavaScript en un archivo HTML.