Cómo agregar JavaScript a HTML

JavaScript es uno de los lenguajes de secuencias de comandos que se utiliza para hacer páginas web interactivas y modernas. Sin necesidad de complementos adicionales, los navegadores web modernos admiten JavaScript con motores incorporados.

Además, mientras se trabaja con archivos web, JavaScript debe ejecutarse junto con HTML. Esto se puede hacer incluyendo el código JavaScript en línea dentro de la etiqueta del archivo HTML o puede agregar JavaScript a través de un archivo externo. Etiqueta JavaScript utilizada en la sección principal del archivo HTML o en la sección del cuerpo, solo depende de donde desee cargar JavaScript. JavaScript se puede escribir dentro de las etiquetas para mantenerse fuera del contenido principal de los archivos HTML. Si necesita JavaScript para ejecutar a través de un diseño de página web, entonces el script generalmente se llama a la sección del cuerpo.

JavaScript se puede usar de numerosas maneras en páginas web como la validación del formulario, la creación de alertas de advertencia y mucho más. En este artículo, pasaremos por cómo incorporar JavaScript en archivos HTML en profundidad.

Los siguientes son las formas de incorporar JavaScript en archivos HTML.

Código de incrustación

La etiqueta ... se usa para agregar JavaScript a las páginas web que ayuda a envolver JavaScript dentro de los programas HTML. El código de JavaScript puede estar debajo de la sección del cuerpo o la sección de la cabeza dependiendo de la estructura de la aplicación.

Ejemplo 1: JavaScript en la sección principal

Este ejemplo muestra cómo incluir JavaScript en la sección principal

Producción:

Ejemplo2: Javascript en la sección del cuerpo

Este ejemplo muestra cómo incluir JavaScript en la sección del cuerpo

Producción:

Código en línea

Cuando necesite llamar a una función a los atributos HTML, se usa un código en línea de JavaScript. El código JavaScript se puede usar directamente en varios eventos como OnMouseOver (), OnClick () y muchos más. Los puntos principales deben tenerse en cuenta al usar scripts en línea:

• Útil para scripts o scripts pequeños que solo se ejecutan dentro de un archivo.
• Difícil de leer y comprender si los scripts son más grandes o se usan en varias páginas.

Ejemplo 1: Este ejemplo muestra cómo incorporar JavaScript en HTML sin etiquetas.

Código en línea

Este ejemplo muestra cómo incluir JavaScript en línea sin etiquetas de script.

Producción:

Ejemplo2:

En el ejemplo anterior, cada vez que el usuario carga la página web, el script muestra un mensaje de alerta que muestra la fecha actual.

Producción:

Archivo externo

El código JavaScript se puede escribir en un archivo separado con una extensión de ".js ”y luego incluido en el archivo HTML. El nombre del archivo JavaScript se puede incluir en el atributo "SRC" del script. Los archivos externos del código JavaScript pueden ser reutilizables. Por lo tanto, los archivos separados para el código JavaScript te guardan de reescribir el mismo programa de software. Los archivos externos son mucho más fáciles de administrar.

Ejemplo:

En este ejemplo, hay dos archivos, índice.HTML y Datescript.js. Archivo externo I.mi. fechas.JS incluida en la sección del cuerpo del archivo HTML llamado Index.html. JavaScript nombrado Datescript.JS se usa para mostrar la fecha actual cada vez que el usuario carga la página web. Ambos .html y .Los archivos JS se colocan en la misma carpeta.

Índice.html

Fechas.js

dejar fecha = nueva fecha ();
documento.cuerpo.innerhtml = "

Fecha: " + fecha +"

"

Producción:

Conclusión

En este artículo, demostramos cómo agregar JavaScript a los archivos HTML. Posteriormente, discutimos cada método en profundidad para incorporar JavaScript en sus páginas web. Discutimos tres formas de agregar JavaScript a los archivos HTML I.mi. código en línea, archivos externos y código de incrustación. También se proporcionan ejemplos para cada método para ayudarlo a comprender.