Det er ingen begrensning på antall 'script'-tagger i HTML. Så det kan være flere 'script'-tagger i et enkelt HTML-dokument.
Hvordan
Legger til revet > Tag i Head Element
Skript-tagger med JavaScript-funksjonene kan legges til i head-elementet. La oss implementere denne ideen praktisk ved å ta et enkelt eksempel på en JavaScript-funksjon lagt til i head-elementet i HTML-dokumentet.
Eksempel
Bare legg til skriptelementet inne i head-elementet eller flytt skriptelementet i et eksisterende HTML-dokument til head-taggen:
< hode >
< manus >
function myFunction() {
document.getElementById('demoId').innerHTML = 'Etter!!!';
}
< / manus >
< / hode >
< kropp >
< h2 > Legge til skriptkoder i Head < / h2 >
< s id = 'demoId' > Før... < / s >
< knapp type = 'knapp' ved trykk = 'myFunction()' > Endre det < / knapp >
< / kropp >
I kodebiten ovenfor:
- Det er en ' ' overskriften inne i ' kropp ' element og etter det er det en ' avsnitt ”-element som inneholder en enkel tekst.
- Deretter opprettes en knapp, og en funksjon ' myFunction() ' har blitt definert i ' ved trykk ”-attributt lagt til som hendelsesbehandler.
- « manus '-elementet legges til i ' hode ' element, og inne i det kalles funksjonen, og ' getElementById '-metoden er definert med henvisning til ' demoId '.
Dette vil utføre JavaScript-funksjonen riktig i utdataene:
Legger til krypt > Tagg i Body Element
Skript-tagger kan også legges til i ' ' element hvor som helst før slutten ' kropp '-tagger.
Eksempel
De samme resultatene vil bli generert hvis ' manus ”-tagger legges til i kropp element:
< / kropp >
< h2 >Legge til skriptkoder i brødtekst< / h2 >
< s id = 'demoId' >Før...< / s >
< knapp type = 'knapp' ved trykk = 'myFunction()' >Endre det< / knapp >
< manus >
funksjon myFunction ( ) {
document.getElementById ( 'demoId' ) .innerHTML = 'Etter!!!' ;
}
< / manus >
< / kropp > I kodebiten ovenfor:
- Den samme JavaScript-funksjonen i samme kode som forklart i forrige del av dette innlegget er lagt til i body-elementet.
Legger til ' manus '-tagger inne i ' kropp element vil også generere de samme resultatene og vil få JavaScript-funksjonen til å kjøre riktig:
Dette viser hvor '