HTML-koodin 'script'-tunnisteiden määrää ei ole rajoitettu. Yhdessä HTML-asiakirjassa voi siis olla useita 'script'-tageja.
Miten
Lisätään lihaksikas > Tag Head Elementissä
Head-elementtiin voidaan lisätä komentosarjatunnisteita JavaScript-funktioilla. Toteutetaan tämä idea käytännössä ottamalla yksinkertainen esimerkki JavaScript-funktiosta, joka on lisätty HTML-dokumentin head-elementtiin.
Esimerkki
Lisää vain komentosarjaelementti head-elementin sisään tai siirrä komentosarjaelementti olemassa olevassa HTML-dokumentissa head-tunnisteeseen:
< pää >
< käsikirjoitus >
function myFunction() {
document.getElementById('demoId').innerHTML = 'Jälkeen!!!';
}
< / käsikirjoitus >
< / pää >
< kehon >
< h2 > Komentosarjatunnisteiden lisääminen Headiin < / h2 >
< s id = 'demoId' > Ennen... < / s >
< -painiketta tyyppi = 'painike' klikkaamalla = 'myFunction()' > Vaihda se < / -painiketta >
< / kehon >
Yllä olevassa koodinpätkässä:
- Siellä on ' ' otsikon sisällä ' kehon '-elementti ja sen jälkeen on ' kohta ”-elementti, joka sisältää yksinkertaisen tekstin.
- Sitten luodaan painike ja toiminto ' myFunction() ' on määritelty kohdassa ' klikkaamalla ”-attribuutti lisätty tapahtumakäsittelijäksi.
- ' käsikirjoitus ' elementti lisätään ' pää '-elementti, ja sen sisällä kutsutaan funktiota, ja ' getElementById '-menetelmä on määritelty viittaamalla ' demoId '.
Tämä suorittaa JavaScript-toiminnon oikein tulosteessa:
Lisätään krypta > Tag Body Elementissä
Komentosarjatunnisteita voidaan lisätä myös ' 'elementti missä tahansa ennen loppua' kehon ”tunnisteet.
Esimerkki
Samat tulokset saadaan, jos ' käsikirjoitus ' -tunnisteet on lisätty kehon elementti:
< / kehon >
< h2 >Komentosarjatunnisteiden lisääminen tekstiosaan< / h2 >
< s id = 'demoId' >Ennen...< / s >
< -painiketta tyyppi = 'painike' klikkaamalla = 'myFunction()' >Vaihda sitä< / -painiketta >
< käsikirjoitus >
toiminto myFunction ( ) {
document.getElementById ( 'demoId' ) .innerHTML = 'Jälkeen!!!' ;
}
< / käsikirjoitus >
< / kehon > Yllä olevassa koodinpätkässä:
- Sama JavaScript-toiminto samassa koodissa kuin tämän viestin edellisessä osassa on lisätty body-elementtiin.
Lisäämällä ' käsikirjoitus ' -tunnisteet ' kehon ”-elementti tuottaa myös samat tulokset ja saa JavaScript-toiminnon toimimaan oikein:
Tämä osoittaa, missä pitäisi '