Tag <script> HTML
Contoh
Tulis "Halo JavaScript!" dengan JavaScript:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Definisi dan Penggunaan
Tag <script>digunakan untuk menyematkan skrip sisi klien (JavaScript).
Elemen <script>tersebut berisi pernyataan skrip, atau menunjuk ke file skrip eksternal melalui atribut src.
Penggunaan umum untuk JavaScript adalah manipulasi gambar, validasi formulir, dan perubahan konten yang dinamis.
Tips dan Catatan
Tip: Lihat juga elemen <noscript> untuk pengguna yang telah menonaktifkan skrip di browser mereka, atau memiliki browser yang tidak mendukung skrip sisi klien.
Tip: Jika Anda ingin mempelajari lebih lanjut tentang JavaScript, kunjungi Tutorial JavaScript kami .
Dukungan Peramban
| Element | |||||
|---|---|---|---|---|---|
| <script> | Yes | Yes | Yes | Yes | Yes |
Atribut
| Attribute | Value | Description |
|---|---|---|
| async | async | Specifies that the script is downloaded in parallel to parsing the page, and executed as soon as it is available (before parsing completes) (only for external scripts) |
| crossorigin | anonymous use-credentials |
Sets the mode of the request to an HTTP CORS Request |
| defer | defer | Specifies that the script is downloaded in parallel to parsing the page, and executed after the page has finished parsing (only for external scripts) |
| integrity | filehash | Allows a browser to check the fetched script to ensure that the code is never loaded if the source has been manipulated |
| nomodule | True False |
Specifies that the script should not be executed in browsers supporting ES2015 modules |
| referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin strict-origin-when-cross-origin unsafe-url |
Specifies which referrer information to send when fetching a script |
| src | URL | Specifies the URL of an external script file |
| type | scripttype | Specifies the media type of the script |
Perbedaan Antara HTML dan XHTML
Di XHTML, konten di dalam skrip dideklarasikan sebagai #PCDATA (bukan CDATA), yang berarti entitas akan diuraikan.
Ini berarti bahwa dalam XHTML, semua karakter khusus harus dikodekan, atau semua konten harus dibungkus di dalam bagian CDATA:
<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
// some code
}
//]]>
</script>
Atribut Global
Tag <script>juga mendukung Atribut Global dalam HTML .
Halaman Terkait
Tutorial HTML: Script HTML
Referensi DOM HTML: Objek Skrip
Tutorial JavaScript: Belajar JavaScript
Pengaturan CSS Default
Sebagian besar browser akan menampilkan <script>elemen dengan nilai default berikut:
script {
display: none;
}