¿Dónde debo poner etiquetas en el marcado HTML??

Carolina Guzmán
¿Dónde debo poner etiquetas en el marcado HTML??
En un documento HTML, el código JavaScript se inserta en el "guion"Elemento entre el"" y ""Etiquetas. Los elementos del script se pueden agregar dentro del "cabezaEl elemento del documento HTML en cualquier lugar después de la etiqueta de cabeza de arranque y antes de la etiqueta de la cabeza final. También se puede agregar dentro del "cuerpoEl elemento del documento HTML en cualquier lugar después de la etiqueta de cuerpo de arranque y antes de la etiqueta de cuerpo final. Además, las etiquetas de "script" también se pueden agregar tanto en los elementos "cabeza" como en el "cuerpo" en un solo documento HTML.

No hay restricción al número de etiquetas de "script" en html. Por lo tanto, puede haber múltiples etiquetas de "script" en un solo documento HTML.

Cómo se ejecutan las etiquetas en html?

En un documento HTML, el navegador primero obtiene la parte del índice HTML, y después del índice, el otro documento HTML se analiza. Mientras analiza el documento, cuando hay un ""Etiqueta, el navegador solicita el archivo de script. En ese momento, el navegador deja de analizar los otros elementos HTML. Después de eso, el navegador carga el archivo de script desde la ruta que se menciona (si lo hay) o lo carga desde el mismo archivo una vez que se ha cargado todo el script, el navegador se traslada a analizar otros elementos.

Con la atención bache> Etiqueta en el elemento de cabeza

Las etiquetas de script con las funciones de JavaScript se pueden agregar en el elemento head. Implementemos esta idea prácticamente tomando un ejemplo simple de una función JavaScript agregada en el elemento principal del documento HTML.

Ejemplo

Simplemente agregue el elemento de script dentro del elemento de cabeza o mueva el elemento de script en un documento HTML existente a la etiqueta de cabeza:





Agregar etiquetas de script en la cabeza


Antes…



En el fragmento de código anterior:

  • Hay un "

    "Se dirige dentro del"cuerpo"Elemento y después de eso, hay un"párrafoEl elemento que contiene un texto simple.

  • Luego se crea un botón y una función "myFunction ()"Se ha definido en el"al hacer clic"El atributo agregó como el controlador de eventos.
  • El "guion"El elemento se agrega dentro del"cabeza"Elemento, y dentro de eso, se llama la función, y el"GetElementByid"El método se ha definido refiriéndose al"demo".

Esto ejecutará la función JavaScript correctamente en la salida:

Con la atención torto> Etiqueta en elemento corporal

Las etiquetas de script también se pueden agregar dentro del ""Elemento en cualquier lugar antes del final"cuerpo"Etiquetas.

Ejemplo

Se generarán los mismos resultados si el "guion"Las etiquetas se agregan en el cuerpo elemento:


Agregar etiquetas de script en el cuerpo


Antes…




En el fragmento de código anterior:

  • La misma función de JavaScript en el mismo código que se explica en la sección anterior de esta publicación se ha agregado en el elemento del cuerpo.

Agregando el "guion"Etiquetas dentro del"cuerpoEl elemento también generará los mismos resultados y hará que la función JavaScript se ejecute correctamente:

Esto demuestra dónde debería el "Las etiquetas se colocarán en un documento HTML. Sin embargo, es posible que se pregunte si debería existir algún tipo de diferencia entre los dos métodos.

Diferencia en la colocación en elementos de cabeza y cuerpo

La principal diferencia entre los dos métodos es en realidad el momento en que la etiqueta de script se carga en el navegador.

En general, el elemento es el primer elemento cargado por el navegador, y esto significa que cualquier script colocado dentro de la cabeza se cargaría incluso antes de cargar los elementos de la página web. Sin embargo, si el script se coloca en el elemento, luego se carga en orden del número de línea en el que se coloca.

Conclusión

El "guion"Las etiquetas (que contienen las funciones de JavaScript) en un documento HTML se pueden colocar dentro del"cabeza"Elemento, así como dentro del"cuerpo" elemento. También se pueden agregar tanto en los elementos (cabeza como en el cuerpo) en el documento. Todas estas formas harán que el JavaScript funcione dentro del ""Las etiquetas funcionan correctamente. Este artículo ofrece una descripción completa de dónde agregar el ""Etiquetas en el documento HTML.

c agudo
Cómo usar la herencia en C#
La herencia permite que una clase herede propiedades y métodos de otra clase. Permite la creación de...
Daniela Villaseñor
php
Cómo usar la función AddSlashes en PHP
La función addslashes () en PHP agrega una barra insegura (\) antes de caracteres especiales como ci...
Carolina Guzmán
C ++
Comprensión mientras bucle en c ++
En c ++ mientras (verdadero) bucle también se conoce como un bucle infinito. Ejecuta el cuerpo de un...
José Luis Villagómez