Script

HTML Script

Dalam HTML, tag <script> digunakan untuk menyisipkan script, biasanya menggunakan Javascript. Kenapa kita membutuhkan script? Hal ini diperlukan untuk membuat website kita menjadi semakin interaktif. Kalian bisa menuliskan script langsung di dalam HTML atau bisa juga dipisah menjadi file yang berbeda lalu tambahkan attribute src="" untuk menyambungkan script tersebut.

Memanipulasi website dengan Javascript disebut dengan DOM Manipulation. Kalian bisa belajar tentang DOM Manipulation di repository bellshade Javascript.

Contoh Penggunaan <script> 

<html lang="en">
  <head>
    <title>Script</title>
  </head>
  <body>
    <h1 id="h1">Belum diklik!</h1>
    <button id="button">Klik Saya!</button>

    <script>
      document.getElementById("button").addEventListener("click", function () {
        document.getElementById("h1").innerText = "Sudah diklik!";
      });
    </script>
  </body>
</html>

Attribute yang ada pada <script>

Attribute value Deskripsi
async async Digunakan untuk membuat script didownload saat HTML sedang diparse, lalu setelah selesai didownload, script langsung dieksekusi/dijalankan tanpa perlu menunggu pada titik yang memiliki tag <script>. (Attribute ini hanya bisa digunakan pada script eksternal)
crossorigin anonymous, use-credential Membuat mode request menjadi HTTP CORS Request.
defer defer Digunakan untuk membuat script didownload pada saat HTML sedang diparse. Setelah selesai didownload, script tidak langsung dieksekusi. Script baru dieksekusi dan dijalankan ketika HTML telah selesai diparse. (Attribute ini hanya bisa digunakan pada script eksternal)
integrity hash file Digunakan untuk mengizinkan browser memeriksa script yang diambil untuk memastikan bahwa jangan jalankan apabila sumber dimanipulasi.
nomodule true, false Digunakan untuk menentukan bahwa script tidak boleh dijalankan di browser yang mendukung modul ES2015.
reffererpolicy no-referrer, no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url Digunakan untuk menentukan informasi mana yang akan dikirim saat mengambil script.
src URL Digunakan untuk menentukan url dari file script yang akan digunakan.
type scripttype Digunakan untuk menentukan jenis media dari script.

Referensi:

← Iframe
File Path →