tutorial pengembangan web terbaru
 

HTML <script> Tag


Contoh

Menulis "Hello JavaScript!" dengan JavaScript:

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

Definisi dan Penggunaan

The <script> tag digunakan untuk mendefinisikan script sisi klien (JavaScript).

The <script> elemen baik berisi pernyataan scripting, atau menunjuk ke sebuah file script eksternal melalui src atribut.

penggunaan umum untuk JavaScript yang manipulasi gambar, validasi form, dan perubahan dinamis konten.

Tip: Jika Anda ingin belajar JavaScript, kunjungi Tutorial JavaScript .


Dukungan Browser

Elemen
<script> iya nih iya nih iya nih iya nih iya nih

Tips dan Catatan

Catatan: Jika "src" atribut hadir, <script> elemen harus kosong.

Tip: Juga melihat <noscript> elemen untuk pengguna yang memiliki skrip dinonaktifkan pada browser mereka, atau memiliki browser yang tidak mendukung client-side scripting.

Catatan: Ada beberapa cara skrip eksternal dapat dieksekusi:

  • Jika async="async" : Script ini dijalankan asynchronously dengan sisa halaman (script akan dieksekusi ketika halaman terus parsing)
  • Jika async tidak hadir dan defer="defer" : Script ini dijalankan saat halaman selesai parsing
  • Jika tidak async atau defer hadir: Script diambil dan dieksekusi segera, sebelum browser terus parsing halaman

Perbedaan Antara HTML 4.01 dan HTML5

The "type" atribut yang diperlukan dalam HTML 4, tapi opsional di HTML5.

The "async" atribut baru dalam HTML5.

HTML 4.01 atribut: "xml:space" , tidak didukung di HTML5.


Perbedaan Antara HTML dan XHTML

Dalam XHTML, konten di dalam skrip dinyatakan sebagai #PCDATA (bukan CDATA), yang berarti bahwa entitas akan diurai.

Ini berarti bahwa dalam XHTML, semua karakter khusus harus dikodekan, atau semua konten harus dibungkus dalam sebuah bagian CDATA:

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

atribut

= Baru di HTML5.

Atribut Nilai Deskripsi
async async Menentukan bahwa script ini dijalankan asynchronously (hanya untuk skrip eksternal)
charset charset Menentukan encoding karakter yang digunakan dalam file script eksternal
defer defer Menentukan bahwa script ini dijalankan saat halaman selesai parsing (hanya untuk skrip eksternal)
src URL Menentukan URL dari file skrip eksternal
type media_type Menentukan jenis media dari script
xml:spacepreserve Tidak didukung di HTML5.
Menentukan apakah spasi dalam kode harus dipertahankan

Atribut global

The <script> tag juga mendukung Atribut Global di HTML .


Pages terkait

Tutorial HTML: Script HTML

Referensi HTML DOM: Script Object

JavaScript Tutorial: Belajar JavaScript


Pengaturan Default CSS

Kebanyakan browser akan menampilkan <script> elemen dengan nilai default berikut:

script {
    display: none;
}