Window dan document object

BOM: window.alert, document.title, navigator, location.

Pahami konsepnya

Di browser, objek window adalah kontainer global — semua variabel global dan fungsi built-in adalah propertinya. window.alert() menampilkan popup, window.confirm() memberi OK/Cancel, window.prompt() meminta input. document adalah window.document — pintu ke seluruh halaman HTML.

Objek penting di BOM (Browser Object Model): navigator menyimpan info browser (navigator.userAgent, navigator.language), location menyimpan dan mengatur URL (location.href, location.reload()), history untuk riwayat (history.back()), screen untuk resolusi layar.

Karena window adalah global, menulis alert("halo") sama dengan window.alert("halo") — kata window boleh dihilangkan. document.title membaca/mengubah judul tab; document.URL memberi alamat lengkap.

Coba contoh kode

<!doctype html>
<html>
<head><title>Belajar BOM</title></head>
<body>
  <button onclick="alert('Halo!')">Klik aku</button>
  <script>
    console.log(document.title);      // "Belajar BOM"
    console.log(navigator.language);  // "id-ID"
    console.log(location.href);       // URL lengkap
    document.title = "Judul baru!";  // mengubah judul tab
  </script>
</body>
</html>

document.title membaca lalu mengubah judul tab browser. navigator.language memberi bahasa browser. Semua ini diakses tanpa kata window karena ia global.

Latihan singkat

Uji: cetak `judul tab siap diubah` lalu `bahaya: id-ID`.