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

No hay restricción en el 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

---

agregando rasgado > Etiqueta en elemento principal

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

Ejemplo

Simplemente agregue el elemento de secuencia de comandos dentro del elemento de encabezado o mueva el elemento de secuencia de comandos en un documento HTML existente a la etiqueta de encabezado:

---

---

< cabeza >
< guion >
función miFunción() {
document.getElementById('demoId').innerHTML = 'Después!!!';
    }
    < / guion >
< / cabeza >

< cuerpo >

< h2 > Adición de etiquetas de script en Head < / h2 >
    < pag identificación = 'demoId' > Antes... < / pag >
    < botón tipo = 'botón' al hacer clic = 'miFuncion()' > Cambialo < / botón >
< / cuerpo >

En el fragmento de código anterior:

• Hay un '

  ” encabezado dentro del “ cuerpo ” y después de eso, hay un “ párrafo ” elemento que contiene un texto simple.

• Luego se crea un botón y una función “ miFunción() ” ha sido definido en el “ al hacer clic Atributo agregado como controlador de eventos.
• El ' guion El elemento ” se agrega dentro del “ cabeza ” elemento, y dentro de eso, se llama a la función, y el “ getElementById El método ” se ha definido refiriéndose al “ ID de demostración “.

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

agregando cripta > Etiqueta en elemento de cuerpo

Las etiquetas de script también se pueden agregar dentro del ' ” elemento en cualquier lugar antes de la terminación “ cuerpo ” etiquetas.

Ejemplo

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

< / cuerpo >
< h2 >Agregar etiquetas de script en el cuerpo< / h2 >
    < pag identificación = 'demoId' >Antes...< / pag >
    < botón tipo = 'botón' al hacer clic = 'miFuncion()' >cambiarlo< / botón >
< guion >
función miFunción ( ) {
documento.getElementById ( 'demoId' ) .innerHTML = '¡¡¡Después!!!' ;
    }
< / guion >
< / cuerpo >

En el fragmento de código anterior:

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

Agregando el “ guion ” etiquetas dentro del “ cuerpo El elemento ” también generará los mismos resultados y hará que la función de JavaScript se ejecute correctamente:

Esto demuestra dónde debe el “