Er is geen beperking aan het aantal 'script'-tags in HTML. Er kunnen dus meerdere 'script' -tags in een enkel HTML-document zijn.
Hoe
toevoegen gescheurd > Tag in hoofdelement
Scripttags met de JavaScript-functies kunnen in het head-element worden toegevoegd. Laten we dit idee praktisch implementeren door een eenvoudig voorbeeld te nemen van een JavaScript-functie die is toegevoegd in het head-element van het HTML-document.
Voorbeeld
Voeg eenvoudig het scriptelement toe binnen het head-element of verplaats het scriptelement in een bestaand HTML-document naar de head-tag:
< hoofd >
< script >
functie mijnFunctie() {
document.getElementById('demoId').innerHTML = 'Na!!!';
}
< / script >
< / hoofd >
< lichaam >
< h2 > Scripttags toevoegen in Head < / h2 >
< P ID kaart = 'demoId' > Voor... < / P >
< knop type = 'knop' bij klikken = 'mijnFunctie()' > Verander het < / knop >
< / lichaam >
In het bovenstaande codefragment:
- Er is een ' ” rubriek binnen de “ lichaam ” element en daarna is er een “ paragraaf ” element met een eenvoudige tekst.
- Er wordt dan een knop gemaakt, en een functie “ mijnFunctie() ” is gedefinieerd in de “ bij klikken ” attribuut toegevoegd als de gebeurtenishandler.
- De ' script ” element is toegevoegd in de “ hoofd ” element, en daarbinnen wordt de functie aangeroepen, en de “ getElementById ” methode is gedefinieerd verwijzend naar de “ demoId “.
Dit zal de JavaScript-functie correct uitvoeren in de uitvoer:
toevoegen crypt > Tag in Body-element
Scripttags kunnen ook worden toegevoegd in de '
Voorbeeld
Dezelfde resultaten worden gegenereerd als de ' script ”-tags worden toegevoegd in de lichaam element:
< / lichaam >
< h2 >Scripttags toevoegen in hoofdtekst< / h2 >
< P ID kaart = 'demoId' >Voor...< / P >
< knop type = 'knop' bij klikken = 'mijnFunctie()' >Verander het< / knop >
< script >
functie mijnFunctie ( ) {
document.getElementById ( 'demoId' ) .innerHTML = 'Na!!!' ;
}
< / script >
< / lichaam > In het bovenstaande codefragment:
- Dezelfde JavaScript-functie in dezelfde code als uitgelegd in het vorige gedeelte van dit bericht is toegevoegd in het body-element.
Het toevoegen van de ' script 'tags in de' lichaam ”-element genereert ook dezelfde resultaten en zorgt ervoor dat de JavaScript-functie correct wordt uitgevoerd:
Dit laat zien waar de “