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:space | preserve | 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;
}