A HTML-ben nincs korlátozás a „script” címkék számára. Tehát több „script” címke is lehet egyetlen HTML-dokumentumban.
A
Hozzáadás szakadt > Címke a fejelemben
A fejelemben a JavaScript függvényekkel rendelkező szkriptcímkék adhatók hozzá. Valósítsuk meg ezt az ötletet a gyakorlatban úgy, hogy egy egyszerű példát veszünk a HTML dokumentum head elemébe hozzáadott JavaScript függvényre.
Példa
Egyszerűen adja hozzá a script elemet a head elemhez, vagy helyezze át a script elemet egy meglévő HTML dokumentumban a head címkébe:
< fej >
< forgatókönyv >
function myFunction() {
document.getElementById('demoId').innerHTML = 'Utána!!!';
}
< / forgatókönyv >
< / fej >
< test >
< h2 > Szkriptcímkék hozzáadása a fejben < / h2 >
< p id = 'demoId' > Előtt... < / p >
< gomb típus = 'gomb' kattintásra = 'myFunction()' > Változtasd meg < / gomb >
< / test >
A fenti kódrészletben:
- Van egy ' ' belül a ' test ' elem, és utána van egy ' bekezdés ” elem, amely egyszerű szöveget tartalmaz.
- Ezután létrejön egy gomb, és egy funkció myFunction() ' meghatározása a ' kattintásra ” attribútum hozzáadva eseménykezelőként.
- A ' forgatókönyv ' elem hozzáadásra kerül a ' fej ” elemet, és azon belül a függvényt hívják meg, és a „ getElementById ' metódus került meghatározásra a ' demoId “.
Ez megfelelően végrehajtja a JavaScript függvényt a kimenetben:
Hozzáadás kripta > Címke a testelemben
Szkriptcímkék is hozzáadhatók a „
Példa
Ugyanazok az eredmények lesznek, ha a „ forgatókönyv ” címkék hozzáadva a test elem:
< / test >
< h2 >Szkriptcímkék hozzáadása a törzsben< / h2 >
< p id = 'demoId' >Előtte...< / p >
< gomb típus = 'gomb' kattintásra = 'myFunction()' >Változtasd meg< / gomb >
< forgatókönyv >
függvény myFunction ( ) {
document.getElementById ( 'demoId' ) .innerHTML = 'Után!!!' ;
}
< / forgatókönyv >
< / test > A fenti kódrészletben:
- Ugyanaz a JavaScript-függvény ugyanabban a kódban, amelyet a bejegyzés előző részében ismertettünk, hozzáadásra került a body elemhez.
A „ forgatókönyv ' címkék a ' test ” elem is ugyanazokat az eredményeket generálja, és megfelelően futtatja a JavaScript függvényt:
Ez megmutatja, hol kell a „