Nu există nicio restricție la numărul de etichete „script” în HTML. Deci, pot exista mai multe etichete „script” într-un singur document HTML.
Cum sunt executate etichetele
Adăugând rupt > Etichetă în elementul Head
Etichetele de script cu funcțiile JavaScript pot fi adăugate în elementul head. Să implementăm această idee practic, luând un exemplu simplu de funcție JavaScript adăugată în elementul head al documentului HTML.
Exemplu
Pur și simplu adăugați elementul de script în interiorul elementului head sau mutați elementul de script dintr-un document HTML existent în eticheta head:
< cap >
< scenariu >
function myFunction() {
document.getElementById('demoId').innerHTML = 'După!!!';
}
< / scenariu >
< / cap >
< corp >
< h2 > Adăugarea etichetelor de script în Head < / h2 >
< p id = 'demoId' > Inainte de... < / p >
< buton tip = 'buton' onclick = 'funcția mea()' > Schimba-l < / buton >
< / corp >
În fragmentul de cod de mai sus:
- Este o ' ” îndreptându-se în interiorul “ corp ” element și după aceea, există un „ paragraf ” element care conține un text simplu.
- Apoi este creat un buton și o funcție „ myFunction() ” a fost definit în „ onclick ” atribut adăugat ca handler de evenimente.
- „ scenariu elementul ” este adăugat în interiorul „ cap „, iar în interiorul acestuia, funcția este numită, iar „ getElementById ” metoda a fost definită cu referire la “ demoId „.
Aceasta va executa corect funcția JavaScript în rezultat:
Adăugând criptă > Etichetați în elementul corp
Etichetele de script pot fi adăugate și în interiorul „
Exemplu
Aceleași rezultate vor fi generate dacă „ scenariu ” sunt adăugate etichete în corp element:
< / corp >
< h2 >Adăugarea etichetelor de script în corp< / h2 >
< p id = 'demoId' >Înainte de...< / p >
< buton tip = 'buton' onclick = 'funcția mea()' >Schimbă-l< / buton >
< scenariu >
funcția myFunction ( ) {
document.getElementById ( 'demoId' ) .innerHTML = 'După!!!' ;
}
< / scenariu >
< / corp > În fragmentul de cod de mai sus:
- Aceeași funcție JavaScript în același cod, așa cum a fost explicat în secțiunea anterioară a acestei postări, a fost adăugată în elementul body.
Adăugând „ scenariu „etichete în interiorul „ corp ” elementul va genera, de asemenea, aceleași rezultate și va face ca funcția JavaScript să ruleze corect:
Aceasta demonstrează unde ar trebui „