No hi ha cap restricció al nombre d'etiquetes 'script' en HTML. Per tant, hi pot haver diverses etiquetes 'script' en un sol document HTML.
Com s'executen les etiquetes
Afegint arrencat > Etiqueta a l'element Cap
Es poden afegir etiquetes d'script amb les funcions JavaScript a l'element head. Implementem aquesta idea pràcticament prenent un exemple senzill d'una funció JavaScript afegida a l'element cap del document HTML.
Exemple
Simplement afegiu l'element d'script dins de l'element head o moveu l'element d'script d'un document HTML existent a l'etiqueta head:
< cap >
< guió >
funció myFunction() {
document.getElementById('demoId').innerHTML = 'Després!!!';
}
< / guió >
< / cap >
< cos >
< h2 > Afegeix etiquetes de script a Head < / h2 >
< pàg id = 'demoId' > Abans... < / pàg >
< botó tipus = 'botó' fent clic = 'la meva funció()' > Canvia-ho < / botó >
< / cos >
Al fragment de codi anterior:
- Hi ha un ' ' dirigint-se dins del ' cos ' i després d'això, hi ha un ' paràgraf ” element que conté un text senzill.
- Aleshores es crea un botó i una funció ' la meva funció() ' s'ha definit a la ' fent clic ” atribut afegit com a gestor d'esdeveniments.
- El ' guió L'element ' s'afegeix dins del ' cap ', i dins d'aquest, s'anomena la funció, i el ' getElementById s'ha definit el mètode fent referència a la demostració “.
Això executarà correctament la funció JavaScript a la sortida:
Afegint cripta > Etiqueta a l'element del cos
Les etiquetes de script també es poden afegir dins del '
Exemple
Es generaran els mateixos resultats si el ' guió ” s'afegeixen etiquetes al fitxer cos element:
< / cos >
< h2 >Afegir etiquetes de script al cos< / h2 >
< pàg id = 'demoId' >Abans...< / pàg >
< botó tipus = 'botó' fent clic = 'la meva funció()' >Canvia-ho< / botó >
< guió >
funció myFunction ( ) {
document.getElementById ( 'demoId' ) .innerHTML = 'Després!!!' ;
}
< / guió >
< / cos > Al fragment de codi anterior:
- La mateixa funció de JavaScript en el mateix codi que s'explica a la secció anterior d'aquesta publicació s'ha afegit a l'element body.
Afegint el ' guió ' etiquetes dins del ' cos ” també generarà els mateixos resultats i farà que la funció JavaScript funcioni correctament:
Això demostra on hauria de ser el '