Det finns ingen begränsning för antalet 'script'-taggar i HTML. Så det kan finnas flera 'script'-taggar i ett enda HTML-dokument.
Hur
Lägger till rev > Tagga i Head Element
Skripttaggar med JavaScript-funktionerna kan läggas till i head-elementet. Låt oss implementera denna idé praktiskt genom att ta ett enkelt exempel på en JavaScript-funktion som lagts till i huvudelementet i HTML-dokumentet.
Exempel
Lägg helt enkelt till skriptelementet inuti head-elementet eller flytta skriptelementet i ett befintligt HTML-dokument till head-taggen:
< huvud >
< manus >
function myFunction() {
document.getElementById('demoId').innerHTML = 'Efter!!!';
}
< / manus >
< / huvud >
< kropp >
< h2 > Lägga till skripttaggar i Head < / h2 >
< sid id = 'demoId' > Innan... < / sid >
< knapp typ = 'knapp' onclick = 'myFunction()' > Ändra det < / knapp >
< / kropp >
I kodavsnittet ovan:
- Där är en ' ' rubrik inuti ' kropp ' element och efter det finns det ett ' paragraf ” element som innehåller en enkel text.
- En knapp skapas sedan och en funktion ' myFunction() ' har definierats i ' onclick ”-attribut lagts till som händelsehanterare.
- den ' manus '-element läggs till i ' huvud ' element, och inuti det kallas funktionen, och ' getElementById ”-metoden har definierats med hänvisning till ” demoId '.
Detta kommer att köra JavaScript-funktionen korrekt i utdata:
Lägger till krypta > Tagga i Body Element
Skripttaggar kan också läggas till i '
Exempel
Samma resultat kommer att genereras om ' manus ”-taggar läggs till i kropp element:
< / kropp >
< h2 >Lägga till skripttaggar i Body< / h2 >
< sid id = 'demoId' >Innan...< / sid >
< knapp typ = 'knapp' onclick = 'myFunction()' >Ändra det< / knapp >
< manus >
funktion myFunction ( ) {
document.getElementById ( 'demoId' ) .innerHTML = 'Efter!!!' ;
}
< / manus >
< / kropp > I kodavsnittet ovan:
- Samma JavaScript-funktion i samma kod som förklarades i föregående avsnitt av detta inlägg har lagts till i body-elementet.
Lägger till ' manus '-taggar inuti ' kropp '-elementet kommer också att generera samma resultat och kommer att få JavaScript-funktionen att köras korrekt:
Detta visar var bör '