Di mana Saya Harus Meletakkan Teg dalam Penanda HTML?

Tiada sekatan kepada bilangan teg 'skrip' dalam HTML. Jadi, boleh terdapat berbilang teg 'skrip' dalam satu dokumen HTML.

Bagaimana

---

Menambah terkoyak > Tag dalam Elemen Kepala

Teg skrip dengan fungsi JavaScript boleh ditambah dalam elemen kepala. Mari kita laksanakan idea ini secara praktikal dengan mengambil contoh mudah fungsi JavaScript yang ditambahkan dalam elemen kepala dokumen HTML.

Contoh

Hanya tambahkan elemen skrip di dalam elemen kepala atau alihkan elemen skrip dalam dokumen HTML sedia ada ke teg kepala:

---

---

< kepala >
< skrip >
fungsi myFunction() {
document.getElementById('demoId').innerHTML = 'Selepas!!!';
}
< / skrip >
< / kepala >

< badan >

< h2 > Menambah Tag Skrip di Kepala < / h2 >
< hlm ID = 'demoId' > sebelum... < / hlm >
< butang taip = 'butang' onclick = 'myFunction()' > Mengubahnya < / butang >
< / badan >

Dalam coretan kod di atas:

• Ada satu '

  ” menuju ke dalam “ badan elemen ' dan selepas itu, terdapat ' perenggan ” elemen yang mengandungi teks ringkas.

• Satu butang kemudian dibuat, dan fungsi ' myFunction() ' telah ditakrifkan dalam ' onclick ” atribut ditambah sebagai pengendali acara.
• ' skrip elemen ' ditambah di dalam ' kepala elemen ”, dan di dalamnya, fungsi dipanggil, dan “ getElementById kaedah telah ditakrifkan merujuk kepada demoId “.

Ini akan melaksanakan fungsi JavaScript dengan betul dalam output:

Menambah crypt > Tag dalam Elemen Badan

Tag skrip juga boleh ditambah di dalam ' 'elemen di mana-mana sahaja sebelum penamat' badan ” tag.

Contoh

Keputusan yang sama akan dihasilkan jika ' skrip tag ” ditambah dalam badan unsur:

< / badan >
< h2 >Menambah Tag Skrip dalam Badan< / h2 >
< hlm ID = 'demoId' >Sebelum...< / hlm >
< butang taip = 'butang' onclick = 'myFunction()' >Ubahnya< / butang >
< skrip >
fungsi myFunction ( ) {
document.getElementById ( 'demoId' ) .innerHTML = 'Selepas!!!' ;
}
< / skrip >
< / badan >

Dalam coretan kod di atas:

• Fungsi JavaScript yang sama dalam kod yang sama seperti yang dijelaskan dalam bahagian sebelumnya dalam siaran ini telah ditambahkan dalam elemen badan.

Menambah ' skrip 'tag di dalam' badan ” elemen juga akan menjana hasil yang sama dan akan menjadikan fungsi JavaScript berjalan dengan betul:

Ini menunjukkan di mana seharusnya ' tag ” diletakkan dalam dokumen HTML. Walau bagaimanapun, anda mungkin tertanya-tanya sama ada perlu wujud beberapa jenis perbezaan antara kedua-dua kaedah.

Perbezaan dalam Meletakkan