Cómo agregar un archivo JavaScript en HTML?

Las páginas web están diseñadas utilizando múltiples lenguajes de programación y dos de este tipo de lenguajes de programación web son HTML y JavaScript. El acrónimo HTML del lenguaje de marcado de hipertexto se utiliza para crear la estructura de las páginas web que ve en Internet todos los días. Mientras tanto, JavaScript es un lenguaje de secuencia de comandos bien conocido que se utiliza para realizar operaciones dinámicas en páginas web para que sean más cautivadores.

Para que estos idiomas funcionen juntos, debe agregar su archivo JavaScript a su documento HTML. Con el fin de hacerlo, puede agregar su archivo JavaScript externo a su documento HTML.

Agregar archivo JavaScript

Para agregar un archivo JavaScript externo en su documento HTML, asigne el enlace de su archivo al atributo SRC en la etiqueta.

Sintaxis

// Agregar archivo js usando no ruta

O,

// Agregar archivo JS usando la ruta del archivo

O,

// Agregar archivo JS usando URL

Puntos para recordar!

• Puede colocar estas etiquetas en la sección o en la sección.
• Como se indica en la sintaxis, la extensión de los archivos JavaScript externos debe ser .js.
• Es beneficioso usar archivos JavaScript externos cuando tiene que usar el mismo código en múltiples documentos HTML. Además, esto mejorará la legibilidad y el mantenimiento de su documento.

A continuación hemos discutido diferentes enfoques para agregar su archivo JavaScript en HTML.

Condición 1: Agregar archivo JS usando la ruta del archivo

Para agregar su archivo JavaScript externo a su documento HTML, debe proporcionar su ruta de archivo en el atributo SRC de la etiqueta.

Supongamos que tenemos nuestros archivos HTML y JavaScript en nuestro directorio:

Archivo html

Introduzca su nombre:
Entregar

En el ejemplo anterior, estamos creando un campo de entrada que le pide al usuario que ingrese su nombre.

Mientras tanto, hemos definido nuestra función en el archivo JavaScript utilizando el siguiente código.

función functionName ()
alerta ("Su nombre ha sido enviado!");

Una vez que el usuario presiona el botón Enviar, se muestra un mensaje de alerta.

En otro escenario, cuando su archivo HTML se coloca en una carpeta separada y el archivo JavaScript en otra carpeta como se muestra a continuación.

Use la siguiente sintaxis, para agregar su ruta de archivo al atributo SRC en la etiqueta.

Condición 2: Agregar archivo JS usando URL

Cuando desee agregar un archivo JavaScript que se almacena en línea, simplemente debe agregar la URL de su archivo JavaScript en línea en el atributo SRC de su etiqueta.

Ejemplo

Introduzca su nombre:
Entregar

En el ejemplo anterior, agregamos la URL de un archivo JavaScript externo que se almacena en línea. El archivo de JavaScript en línea se ve así.

En el archivo anterior, hemos definido nuestra función que está destinada a mostrar un mensaje de alerta cuando el usuario presiona el botón Enviar.

Producción

Siguiendo estos pasos, puede agregar fácilmente su archivo JavaScript externo a su documento HTML.

Conclusión

Para agregar un archivo JavaScript en HTML, proporcione su ruta de archivo JavaScript al atributo SRC de la etiqueta o si está utilizando un archivo JavaScript que se almacena en línea, entonces debe agregar la URL de ese archivo. En esta publicación, hemos discutido en detalle los enfoques para agregar su archivo JavaScript en HTML demostrándolos a través de ejemplos.