¿Cómo funciona JavaScript en línea con HTML? ?

¿Cómo funciona JavaScript en línea con HTML? ?
El JavaScript en línea representa el código escrito entre el Etiquetas en el .html archivo. Además, JavaScript tiene la capacidad de llamar y empujar datos al servidor. Por lo tanto, proporciona manipulación DOM utilizando diferentes funciones integradas. Para este propósito, JavaScript en línea es útil para reducir la complejidad mediante el uso de varios archivos JavaScript en un programa. Es la mejor práctica para fines de demostración para que los desarrolladores no necesiten cambiar entre archivos JavaScript.

En esta publicación, los usuarios comprenderán cómo funciona JavaScript en línea con HTML. Los resultados de esta publicación son:

  • Cómo funciona JavaScript en línea en HTML?
  • Cómo agregar JavaScript en línea con HTML?

Cómo funciona JavaScript en línea en HTML?

El navegador interpreta el código como JavaScript escribiendo entre etiquetas. De lo contrario, se trata como texto sin formato. El La etiqueta puede especificar un archivo de script externo mediante la utilización de la SRC atributo. La ventaja de usar JavaScript en línea en Html Los archivos es reducir el viaje redondo del navegador web al servidor. Además, se evita una llamada adicional a un archivo JavaScript utilizando el código JavaScript en el Html archivo. La siguiente sintaxis se refiere a usar el JavaScript en línea con HTML:

Sintaxis

El par de etiquetas y el código JavaScript dentro de las etiquetas es el factor de identificación principal de JavaScript en línea.

Cómo agregar JavaScript en línea con HTML?

Hasta ahora, ha aprendido la información básica sobre JavaScript en línea. Aquí, prácticamente demostraremos cómo se puede agregar un JavaScript en línea. Vamos a dirigirnos a los ejemplos:

Ejemplo 1: Muestre un mensaje con el archivo HTML

Un ejemplo se adapta para mostrar un mensaje dentro Etiquetas en el documento HTML.

Código




Ejemplo de usar el código JavaScript en el archivo HTML






En este ejemplo, el documento.escribir() El método se utiliza para presentar el mensaje "Bienvenido a JavaScript".

Producción

El resultado del código muestra el mensaje "Bienvenido a JavaScript World"En la ventana del navegador.

Ejemplo 2: Uso de un cuadro de alerta para presentar un mensaje

Un ejemplo se explica aquí en el que se utiliza un método para mostrar un mensaje en un cuadro de alerta.

Código


Otro ejemplo de usar el código JavaScript en el archivo HTML




Presione para que aparezca una ventana



La descripción del código se enumera a continuación:

  • El código comienza con la etiqueta seguido de algunos elementos HTML.
  • Después de eso, un disp () El método se define para aparecer un cuadro de alerta dentro del etiqueta.
  • En el cuadro de alerta, un mensaje "Bienvenido al mundo de JavaScript" se visualiza.

Producción

El resultado devuelve un enlace que se indica como "Por favor, presione para que aparezca por una ventana" en el navegador.

Después de presionar el enlace, se genera una nueva ventana emergente que muestra el mensaje "Bienvenido a JavaScript".

Aquí tienes! También ha aprendido el concepto de JavaScript en línea y su aplicación.

Conclusión

JavaScript en línea se agrega en un documento HTML con la ayuda de la etiqueta. JavaScript en línea reduce las solicitudes creadas por la página web. Este artículo ofrece un detalle sobre el funcionamiento de JavaScript en línea con HTML. El JavaScript en línea es fácil de integrar con problemas de complejidad menores. Sin embargo, en el caso de JavaScript grande/complejo, se recomienda considerar JavaScript externo, ya que el JavaScript en línea afectará la legibilidad/reutilización del código general.