Di mana menempatkan kode javascript?
Biasanya, kode JavaScript digunakan dengan kode HTML, dan kode JavaScript dapat ditempatkan di mana saja dalam dokumen HTML. Namun, tempat di mana ia ditempatkan akan memiliki dampak tertentu pada eksekusi normal kode JavaScript, seperti yang dijelaskan di bawah ini.
Ditempatkan di antara <head> </head>
Adalah praktik umum untuk menempatkan kode javascript antara <head> </head> tag dalam dokumen HTML. Karena dokumen HTML dimuat oleh browser dari atas ke bawah, menempatkan kode JavaScript antara tag <head> </head> memastikan bahwa itu telah dimuat sebelum Anda perlu menggunakan skrip:
Salinan kode adalah sebagai berikut:
<Html>
<head>
<type skrip = "Teks/JavaScript">
...
Kode JavaScript
...
</script>
</head>
...
Ditempatkan di antara <body> </body>
Ada juga beberapa kasus di mana kode JavaScript ditempatkan di antara <body> </body>. Bayangkan situasi berikut: Kami memiliki sepotong kode JavaScript yang perlu memanipulasi elemen HTML. Namun, karena dokumen HTML dimuat oleh browser dari atas ke bawah, untuk menghindari elemen HTML tidak dimuat dan kesalahan (objek tidak ada) dilaporkan oleh kode JavaScript saat memanipulasi elemen HTML. Oleh karena itu, kode ini perlu ditulis di belakang elemen HTML. Contohnya adalah sebagai berikut:
Salinan kode adalah sebagai berikut:
<Html>
<head>
</head>
<body>
</body>
<Div ID = "Div1"> </div>
<type skrip = "Teks/JavaScript">
document.geteLementById ("div1"). innerHtml = "uji teks";
</script>
</html>
Tetapi biasanya, pengoperasian elemen halaman kami biasanya didorong oleh peristiwa, jadi situasi ini jarang terjadi. Selain itu, kami tidak merekomendasikan menulis kode JavaScript di luar <Html> </html>.
petunjuk
Jika dokumen HTML dinyatakan sebagai XHTML, tag <script> </cript> harus dideklarasikan dalam bagian CDATA, jika tidak XHTML akan menguraikan tag </script> </script> ke dalam tag XML lain, dan kode JavaScript di dalam mungkin tidak dijalankan secara normal. Oleh karena itu, menggunakan JavaScript dalam XHTML yang ketat harus dinyatakan seperti contoh berikut:
Salinan kode adalah sebagai berikut:
<Html>
<head>
<type skrip = "Teks/JavaScript">
<! [CDATA [
Kode JavaScript
]]>
</script>
</head>
...
Dua cara di atas untuk menulis kode JavaScript ke dalam dokumen HTML adalah dua cara untuk merujuk kode JavaScript dalam dokumen HTML. Selain referensi internal, referensi eksternal juga dapat digunakan.
Referensi Eksternal untuk Kode JavaScript
Membuat kode javascript (mengecualikan <script> </script> tags) dokumen terpisah, dinamai dengan akhiran JS, seperti myscript.js, dan gunakan atribut src dalam dokumen html <script> </script> untuk referensi file:
Salinan kode adalah sebagai berikut:
<Html>
<head>
<script type = "text/javaScript" src = "myscript.js"> </script>
</head>
...
Manfaatnya jelas setelah menggunakan kode JavaScript yang direferensikan eksternal:
1. Hindari menggunakan <!-... //-> dalam kode JavaScript
2. Hindari menggunakan cDATA jelek
3. Kode JavaScript publik dapat direplikasi dalam dokumen HTML lainnya, yang juga kondusif untuk pemeliharaan kode JavaScript terpadu.
4. Dokumen HTML lebih kecil, yang kondusif untuk pengumpulan mesin pencari
5. Dapat mengompres dan mengenkripsi file javascript tunggal
6. Browser dapat menyimpan file JavaScript untuk mengurangi penggunaan broadband (ketika beberapa halaman menggunakan file JavaScript secara bersamaan, biasanya hanya perlu diunduh sekali)
7. Hindari menggunakan entitas HTML yang kompleks, seperti Document.write (2> 1) dapat digunakan secara langsung tanpa menulis dokumen.
Membentuk kode JavaScript ke dalam file eksternal juga akan meningkatkan beban permintaan HTTP di server. Dalam lingkungan permintaan bersamaan super tinggi, ini bukan strategi yang baik. Selain itu, ketika mengacu pada file JS eksternal, Anda perlu memperhatikan jalur file yang benar.