Saan Ko Dapat Ilagay ang Mga Tag sa HTML Markup?

Walang paghihigpit sa bilang ng mga 'script' na tag sa HTML. Kaya, maaaring mayroong maraming 'script' na mga tag sa isang HTML na dokumento.

Paano Isinasagawa ang

---

Pagdaragdag napunit > Tag sa Head Element

Ang mga tag ng script na may mga function ng JavaScript ay maaaring idagdag sa elemento ng ulo. Ipatupad natin ang ideyang ito nang praktikal sa pamamagitan ng pagkuha ng isang simpleng halimbawa ng isang function ng JavaScript na idinagdag sa head element ng HTML na dokumento.

Halimbawa

Idagdag lang ang script element sa loob ng head element o ilipat ang script element sa isang umiiral nang HTML na dokumento sa head tag:

---

---

< ulo >
< iskrip >
function myFunction() {
document.getElementById('demoId').innerHTML = 'Pagkatapos!!!';
}
< / iskrip >
< / ulo >

< katawan >

< h2 > Pagdaragdag ng Mga Tag ng Script sa Ulo < / h2 >
< p id = 'demoId' > Bago... < / p >
< pindutan uri = 'button' onclick = 'myFunction()' > Baguhin ito < / pindutan >
< / katawan >

Sa snippet ng code sa itaas:

• may isang'

  'papasok sa loob ng' katawan 'elemento at pagkatapos nito, mayroong isang ' talata ” elementong naglalaman ng isang simpleng teksto.

• Ang isang pindutan ay nilikha pagkatapos, at isang function na ' myFunction() 'ay tinukoy sa ' onclick ” attribute na idinagdag bilang tagapangasiwa ng kaganapan.
• Ang ' iskrip 'Ang elemento ay idinagdag sa loob ng ' ulo ” elemento, at sa loob nito, tinatawag ang function, at ang “ getElementById Ang pamamaraan ay tinukoy na tumutukoy sa ' demoId “.

Ipapatupad nito nang tama ang function ng JavaScript sa output:

Pagdaragdag crypt > Tag sa Elemento ng Katawan

Ang mga tag ng script ay maaari ding idagdag sa loob ng “ 'elemento kahit saan bago ang pagtatapos' katawan ” mga tag.

Halimbawa

Ang parehong mga resulta ay bubuo kung ang ' iskrip ” mga tag ay idinagdag sa katawan elemento:

< / katawan >
< h2 >Pagdaragdag ng Mga Tag ng Script sa Katawan< / h2 >
< p id = 'demoId' >Noon...< / p >
< pindutan uri = 'button' onclick = 'myFunction()' >Baguhin ito< / pindutan >
< iskrip >
function myFunction ( ) {
document.getElementById ( 'demoId' ) .innerHTML = 'Pagkatapos!!!' ;
}
< / iskrip >
< / katawan >

Sa snippet ng code sa itaas:

• Ang parehong function ng JavaScript sa parehong code tulad ng ipinaliwanag sa nakaraang seksyon ng post na ito ay idinagdag sa elemento ng katawan.

Pagdaragdag ng ' iskrip 'mga tag sa loob ng ' katawan ” element ay bubuo din ng parehong mga resulta at gagawing tama ang function ng JavaScript:

Ito ay nagpapakita kung saan dapat ang '