HTML-is skriptimärgendite arv ei ole piiratud. Seega võib ühes HTML-dokumendis olla mitu 'skripti' silti.
Kuidas
Lisamine rebitud > Märgi peaelemendis
Peaelemendis saab lisada JavaScripti funktsioonidega skriptimärgendid. Rakendame seda ideed praktiliselt, võttes lihtsa näite JavaScripti funktsioonist, mis on lisatud HTML-dokumendi peaelemendile.
Näide
Lihtsalt lisage skriptielement peaelemendi sisse või teisaldage skriptielement olemasolevas HTML-dokumendis peasildile:
< pea >
< stsenaarium >
function myFunction() {
document.getElementById('demoId').innerHTML = 'Pärast!!!';
}
< / stsenaarium >
< / pea >
< keha >
< h2 > Skripti siltide lisamine peas < / h2 >
< lk id = 'demoId' > Enne... < / lk >
< nuppu tüüp = 'nupp' onclick = 'myFunction()' > Muuda seda < / nuppu >
< / keha >
Ülaltoodud koodilõigul:
- Seal on ' ' pealkirjaga ' keha ” element ja pärast seda on „ lõik ” element, mis sisaldab lihtsat teksti.
- Seejärel luuakse nupp ja funktsioon ' myFunction() ' on määratletud jaotises ' onclick ” atribuut lisati sündmuste käitlejaks.
- ' stsenaarium 'element lisatakse '' sisse pea ” element ja selle sees kutsutakse funktsioon ja „ getElementById 'meetod on määratletud, viidates ' demoID “.
See käivitab JavaScripti funktsiooni väljundis õigesti:
Lisamine krüpt > Märgi kehaelemendis
Skripti silte saab lisada ka '
Näide
Samad tulemused genereeritakse ka siis, kui stsenaarium '-sse on lisatud sildid keha element:
< / keha >
< h2 >Skripti siltide lisamine kehasse< / h2 >
< lk id = 'demoId' >Enne...< / lk >
< nuppu tüüp = 'nupp' onclick = 'myFunction()' >Muutke seda< / nuppu >
< stsenaarium >
funktsioon myFunction ( ) {
document.getElementById ( 'demoId' ) .innerHTML = 'Pärast!!!' ;
}
< / stsenaarium >
< / keha > Ülaltoodud koodilõigul:
- Kehaelemendisse on lisatud sama JavaScripti funktsioon samas koodis, mida selgitati selle postituse eelmises jaotises.
Lisades ' stsenaarium ' sildid '' sees keha ” element genereerib samuti samad tulemused ja paneb JavaScripti funktsiooni õigesti tööle:
See näitab, kus peaks '