Di manakah kod JavaScript harus diletakkan dalam kod HTML? _kemahiran javascript

WBOY
Lepaskan: 2016-05-16 16:33:49
asal
1185 orang telah melayarinya

Di mana hendak meletakkan kod JavaScript?

Biasanya, kod JavaScript digunakan bersama kod HTML dan kod JavaScript boleh diletakkan di mana-mana sahaja dalam dokumen HTML. Walau bagaimanapun, tempat ia diletakkan akan memberi kesan tertentu pada pelaksanaan biasa kod JavaScript, seperti yang diperincikan di bawah.

diletakkan di antara

Adalah amalan biasa untuk meletakkan kod JavaScript di antara teg Memandangkan dokumen HTML dimuatkan oleh penyemak imbas dari atas ke bawah, meletakkan kod JavaScript di antara teg memastikan ia telah dimuatkan sebelum skrip perlu digunakan:

Salin kod Kod adalah seperti berikut:



) ke dalam dokumen yang berasingan, namakannya dengan akhiran js, seperti myscript.js, dan letakkan dalam dokumen HTML< /script> tag Gunakan atribut src untuk merujuk fail:

Salin kod Kod adalah seperti berikut:





....

Selepas menggunakan kod JavaScript yang dirujuk secara luaran, faedahnya jelas:
1. Elakkan menggunakan
dalam kod JavaScript 2. Elakkan menggunakan CDATA yang hodoh
3. Kod JavaScript awam boleh digunakan semula dalam dokumen HTML lain, yang turut memudahkan penyelenggaraan bersatu kod JavaScript
4.Dokumen HTML adalah lebih kecil, yang lebih mudah untuk dimasukkan oleh enjin carian
5. Boleh memampatkan dan menyulitkan satu fail JavaScript
6. Penyemak imbas boleh cache fail JavaScript untuk mengurangkan penggunaan lebar jalur (apabila berbilang halaman menggunakan fail JavaScript pada masa yang sama, ia biasanya hanya perlu dimuat turun sekali)
7. Elakkan menggunakan entiti HTML yang kompleks Contohnya, anda boleh menggunakan document.write(2>1) secara langsung tanpa menulis document.write(2<1)

.

Membentuk kod JavaScript ke dalam fail luaran juga akan meningkatkan beban permintaan HTTP pada pelayan Ini bukan strategi yang baik dalam persekitaran dengan permintaan serentak yang sangat tinggi. Di samping itu, apabila merujuk fail js luaran, anda perlu memberi perhatian kepada laluan fail yang betul.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan