Di Mana Saya Harus Menempatkan Tag di Markup HTML?

Tidak ada batasan jumlah tag 'skrip' dalam HTML. Jadi, bisa ada beberapa tag “skrip” dalam satu dokumen HTML.

Bagaimana Tag

---

Menambahkan robek > Tag di Elemen Kepala

Tag skrip dengan fungsi JavaScript dapat ditambahkan di elemen kepala. Mari terapkan ide ini secara praktis dengan mengambil contoh sederhana dari fungsi JavaScript yang ditambahkan di elemen kepala dokumen HTML.

Contoh

Cukup tambahkan elemen skrip di dalam elemen kepala atau pindahkan elemen skrip di dokumen HTML yang ada ke tag kepala:

---

---

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

< tubuh >

< h2 > Menambahkan Tag Skrip di Head < / h2 >
< P pengenal = 'demoId' > Sebelum... < / P >
< tombol jenis = 'tombol' onclick = 'Fungsisaya()' > Ubahlah < / tombol >
< / tubuh >

Dalam cuplikan kode di atas:

• Ada “

  ” menuju ke dalam “ tubuh ” elemen dan setelah itu, ada “ gugus kalimat ” elemen yang berisi teks sederhana.

• Sebuah tombol kemudian dibuat, dan sebuah fungsi “ Fungsiku() ” telah didefinisikan dalam “ onclick ” atribut ditambahkan sebagai event handler.
• “ naskah elemen ” ditambahkan di dalam elemen “ kepala ” elemen, dan di dalamnya, fungsi dipanggil, dan “ getElementById ” metode telah didefinisikan mengacu pada “ demoId “.

Ini akan menjalankan fungsi JavaScript dengan benar di output:

Menambahkan ruang bawah tanah > Tandai di Elemen Tubuh

Tag skrip juga dapat ditambahkan di dalam “ ' elemen di mana saja sebelum akhiran ' tubuh ” tag.

Contoh

Hasil yang sama akan dihasilkan jika “ naskah ” tag ditambahkan di tubuh elemen:

< / tubuh >
< h2 >Menambahkan Tag Skrip di Badan< / h2 >
< P pengenal = 'demoId' >Sebelum...< / P >
< tombol jenis = 'tombol' onclick = 'Fungsisaya()' >Ubahlah< / tombol >
< naskah >
fungsi myFunction ( ) {
document.getElementById ( 'demoId' ) .innerHTML = 'Setelah!!!' ;
}
< / naskah >
< / tubuh >

Dalam cuplikan kode di atas:

• Fungsi JavaScript yang sama dalam kode yang sama seperti yang dijelaskan pada bagian sebelumnya dari posting ini telah ditambahkan pada elemen body.

Menambahkan “ naskah ' tag di dalam ' tubuh ” elemen juga akan menghasilkan hasil yang sama dan akan membuat fungsi JavaScript berjalan dengan benar:

Ini menunjukkan di mana ' ” tag ditempatkan dalam dokumen HTML. Namun, Anda mungkin bertanya-tanya apakah seharusnya ada semacam perbedaan antara kedua metode tersebut.

Perbedaan Penempatan