Tanda <script> HTML

Definisi dan penggunaan

<script> tag digunakan untuk menyisipkan script klien.

<script> Elemen ini dapat mengandung kalimat script, atau melalui Atribut src Mengarahkan ke berkas script eksternal.

Tipe script yang paling sering digunakan adalah JavaScript, meskipun browser sebenarnya mendukung beberapa bahasa script lainnya.

Penggunaan umum JavaScript adalah pengolahan gambar, verifikasi formulir dan perubahan konten dinamis.

Keterangan:Tipe elemen script yang dimiliki tergantung penggunaannya. Elemen script yang berada di dalam elemen head adalah elemen metadata, yang berada di dalam elemen lain (seperti body atau sectionyang berada di dalam kurung terbuka adalah elemen frasa.

Silakan lihat:

Panduan HTML：HTML Script

Panduan HTML DOM：Objek Script

Panduan JavaScript：Belajar JavaScript

Contoh

Contoh 1: Definisi skrip disamping dokumen

Tulis "Hello JavaScript!" menggunakan JavaScript:

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

Coba sendiri

Contoh 2: Muat skrip eksternal

<script src="simple.js"></script>

Coba sendiri

Petunjuk dan catatan

Petunjuk:Untuk browser yang menonaktifkan skrip atau yang tidak mendukung skrip, lihat pula Elemen <noscript>.

Petunjuk:Jika Anda ingin belajar lebih banyak tentang JavaScript, kunjungi situs kami Panduan JavaScript.

Atribut

Atribut Nilai Deskripsi
async async Tentukan skrip untuk diunduh paralel saat mengurai halaman dan dijalankan segera saat tersedia (sebelum penguraian selesai) (hanya untuk skrip eksternal).
crossorigin
  • anonymous
  • use-credentials
 Atur modus permintaan menjadi permintaan CORS HTTP.
defer defer Tentukan skrip untuk diunduh paralel saat mengurai halaman dan dijalankan setelah halaman selesai diurai (hanya untuk skrip eksternal).
integrity filehash Izinkan browser untuk memeriksa skrip yang diambil, untuk memastikan bahwa kode tidak akan dijalankan jika kode sumber disesatkan.
nomodule
  • True
  • False
 Tentukan skrip tidak akan dijalankan di browser yang mendukung modul ES2015.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 Tentukan referensi yang dikirimkan saat mendapatkan skrip.
src URL Tentukan URL file skrip eksternal.
type Tipe skrip Tentukan jenis media skrip.

Perbedaan antara HTML dan XHTML

Di XHTML, konten di dalam skrip diumumkan sebagai #PCDATA (tidak seperti CDATA), artinya entitas akan diurai.

Artinya di XHTML, semua karakter khusus harus dienkodifikasi, atau semua konten harus disiapkan di bagian CDATA:

<script type="text/javascript">
//<![CDATA[
var i = 10;
jika (i < 5) {
  // some code
}
//]]>
</script>

Atribut global

<script> Tanda masih mendukung Atribut global HTML.

Pengaturan CSS standar

Sebagian besar peramban akan menampilkan yang memiliki nilai default berikut: <script> Elemen:

script {
  display: none;
}

Dukungan peramban

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan