Der er ingen begrænsning på antallet af 'script'-tags i HTML. Så der kan være flere 'script'-tags i et enkelt HTML-dokument.
Hvordan
Tilføjelse revet > Tag i Head Element
Script-tags med JavaScript-funktionerne kan tilføjes i head-elementet. Lad os implementere denne idé praktisk ved at tage et simpelt eksempel på en JavaScript-funktion tilføjet i hovedelementet i HTML-dokumentet.
Eksempel
Du skal blot tilføje script-elementet inde i head-elementet eller flytte script-elementet i et eksisterende HTML-dokument til head-tagget:
< hoved >
< manuskript >
function myFunction() {
document.getElementById('demoId').innerHTML = 'Efter!!!';
}
< / manuskript >
< / hoved >
< legeme >
< h2 > Tilføjelse af script-tags i Head < / h2 >
< s id = 'demoId' > Før... < / s >
< knap type = 'knap' onclick = 'myFunction()' > Ændre det < / knap >
< / legeme >
I ovenstående kodestykke:
- Der er en ' ' overskriften inde i ' legeme '-element, og derefter er der et ' afsnit ” element, der indeholder en simpel tekst.
- Der oprettes derefter en knap, og en funktion ' myFunction() ' er blevet defineret i ' onclick ” attribut tilføjet som hændelseshandler.
- Det ' manuskript ' element tilføjes inde i ' hoved ' element, og indeni det kaldes funktionen, og ' getElementById '-metoden er blevet defineret med henvisning til ' demoId “.
Dette vil udføre JavaScript-funktionen korrekt i outputtet:
Tilføjelse krypt > Tag i Body Element
Script-tags kan også tilføjes inde i ' ' element hvor som helst før slutningen ' legeme ” tags.
Eksempel
De samme resultater vil blive genereret, hvis ' manuskript ” tags tilføjes i legeme element:
< / legeme >
< h2 >Tilføjelse af script-tags i brødtekst< / h2 >
< s id = 'demoId' >Før...< / s >
< knap type = 'knap' onclick = 'myFunction()' >Skift det< / knap >
< manuskript >
funktion myFunction ( ) {
document.getElementById ( 'demoId' ) .innerHTML = 'Efter!!!' ;
}
< / manuskript >
< / legeme > I ovenstående kodestykke:
- Den samme JavaScript-funktion i samme kode som forklaret i det forrige afsnit af dette indlæg er blevet tilføjet i body-elementet.
Tilføjelse af ' manuskript ' tags inde i ' legeme ' element vil også generere de samme resultater og vil få JavaScript-funktionen til at køre korrekt:
Dette viser, hvor skal '