HTML Script
JavaScripts membuat halaman HTML lebih dinamis dan interaktif.
Cobalah Sendiri - Contoh
Masukkan script
Cara menyisipkan script ke dalam dokumen HTML.
Cara menyisipkan script ke dalam dokumen HTML.
Penggunaan tag <noscript>
Bagaimana menangani browser yang tidak mendukung scripting, atau memiliki scripting dinonaktifkan.
Bagaimana menangani browser yang tidak mendukung scripting, atau memiliki scripting dinonaktifkan.
HTML Tag <script>
Tag <script> digunakan untuk mendefinisikan script client-side, seperti JavaScript.
Unsur <script> baik berisi pernyataan scripting atau menunjuk ke sebuah file script eksternal melalui atribut src.
Penggunaan umum untuk JavaScript adalah manipulasi gambar, bentuk validasi, dan perubahan dinamis konten.
Script di bawah ini menulis Hello World! ke output HTML:
 | Tip: Untuk mempelajari lebih lanjut tentang JavaScript, kunjungi kami tutorial JavaScript ! |
|---|
HTML Tag <noscript>
Tag <noscript> digunakan untuk menyediakan konten alternatif bagi pengguna yang memiliki script dinonaktifkan pada browser mereka atau memiliki browser yang tidak mendukung client-side scripting.
Unsur <noscript> dapat berisi semua elemen yang dapat Anda temukan di dalam elemen body dari sebuah halaman HTML normal.
Isi dalam elemen noscript hanya akan ditampilkan jika script tidak didukung, atau dinonaktifkan di browser pengguna:
Contoh
<script>
document.write("Hello World!")
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
document.write("Hello World!")
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
Coba sendiri »
A Taste of JavaScript (From Our JavaScript Tutorial)
Berikut adalah beberapa contoh dari apa yang dapat Anda lakukan JavaScript:
JavaScript dapat menulis langsung ke output stream HTML:
document.write("<p>This is a paragraph</p>");
Coba sendiri »
JavaScript dapat bereaksi terhadap peristiwa:
<button type="button" onclick="myFunction()">Click Me!</button>
Coba sendiri »
JavaScript dapat memanipulasi gaya HTML:
document.getElementById("demo").style.color="#ff0000";
Coba sendiri »
HTML Script Tags
| Tag | Description |
|---|---|
| <script> | Defines a client-side script |
| <noscript> | Defines an alternate content for users that do not support client-side scripts |
