Beranda>Tutorial Desain Web>tutorial HTML

Gunakan kode instance JavaScript di HTML

Penulis：Eve Cole Waktu Pembaruan：2025-02-04 22:00:02
<script> Tag

Script dalam HTML5 terutama memiliki atribut berikut: Async, Defer, Charset, SRC, Type,

  • Async (opsional):

Kata kunci: skrip asinkron, file eksternal, unduh segera;

Ketika label berisi atribut ini, unduh skrip (file eksternal) segera, hanya file skrip eksternal yang efektif, unduhan dapat dilakukan pada saat yang sama dengan unduhan, analisis dan eksekusi eksekusi setelah unduhan selesai. Perintah Eksekutif.

 <Script src = js/index2.js async = async> </cript>
  • Tundukan (opsional):

Kata kunci: Tunda skrip, file eksternal, tunda memuat;

Ketika label berisi atribut ini, skrip dapat menunggu sampai halaman sepenuhnya diuraikan atau ditampilkan setelah dieksekusi. terbatas pada yang terakhir di yang terakhir dalam implement terakhir.

 <Script src = js/index1.js Defer = Defer> </cript>
  • Charset (Opsional):

Kata kunci: Set karakter

Sebagian besar browser mengabaikan nilainya, jadi sedikit orang yang menggunakannya.

  • SRC (opsional):

Kata kunci: Referensi eksternal

Menunjukkan alamat file eksternal yang perlu direferensikan.

  • Ketik (opsional):

Kata kunci: mime (jenis konten bahasa skrip)

Untuk memastikan kompatibilitas browser maksimum, nilai atribut jenis masih teks/javascript.

Catatan: Jangan menambahkan kode JS lainnya ke file luar dalam label.

<script> posisi label

Biasanya, kami akan meletakkan label dengan file eksternal (termasuk file CSS, file JavaScript) di posisi yang sama, umumnya dalam tag <head>.

Namun, setelah proses analisis ditemui di beberapa file eksternal JavaScript, perlu menunggu sampai semua file eksternal dimuat sebelum halaman dapat ditampilkan sepenuhnya, jadi kami biasanya meletakkannya di bagian bawah tag <dot Body>, sebagai ditunjukkan di bawah ini:

Seperti yang disebutkan di atas, <script> memiliki definisi tunduk, tetapi karena disebutkan dalam html5, html5 akan mengabaikan atribut tunduk yang ditetapkan pada skrip tertanam saat ini, hanya IE4 ~ IE7 juga mendukung atribut tunduk Html5 setelah IE8.

Kutip keunggulan file eksternal

  • Kegagalan untuk mempertahankan: Menempatkan semua file dari semua javascrips bersama -sama tidak hanya dapat menyentuh kode HTML, tetapi juga membantu pengembang untuk menulis dan memelihara kode.
  • Penjelajahan yang Dipercepat: Jika ada beberapa halaman HTML, file eksternal JavaScript yang sama dirujuk, file ini hanya akan dimuat satu kali (cache), yang berarti bahwa kecepatan pemuatan halaman dapat dipercepat.
  • Keamanan: Kutipan dari file eksternal.

Label <noscript>

Makna literal, no-skrip, tanpa skrip, yaitu, ketika browser tidak mendukung JavaScript, konten tag <noscript> akan ditampilkan.

  • Browser tidak mendukung skrip;
  • Skrip Dukungan Browser, tetapi JavaScript dinonaktifkan;

Dua di atas sejalan dengan salah satu isi tag <noscript>.

Halaman di atas, memberi pengguna pesan.

Meringkaskan

Di atas adalah penggunaan kode instance JavaScript di HTML. Terima kasih banyak atas dukungan Anda untuk situs web VEVB Wulin!

Artikel Terkait