Modul FrontEnd Web Dasar
  • Pengenalan Penulis
  • Muqadimah
  • Tujuan Pembelajaran
  • Prasyarat Pembelajaran
  • Persiapan & Pendahuluan
    • Tools Yang Dibutuhkan
    • Cara Kerja Internet: Bagaimana Website Sampai ke Pengguna
    • Web Statis & Dinamis
    • Peranan Web Server & Web Browser
    • Anatomi Website (HTML, CSS, JavaScript)
    • Referensi Tambahan
  • Belajar HTML
    • Pengenalan HTML
    • Elemen, Tag, dan Atribut
    • Strukur Dasar HTML
    • Menjalankan File HTML di Browser
    • Semantic HTML
    • Tag Dasar HTML
      • Tag Heading (h1-h6)
      • Tag Paragraf (p)
      • Tag Untuk Pemformatan Teks Dasar
      • Tag Anchor/Link (a)
      • Tag Image (img)
      • Tag List (ul, ol, li)
      • Tag Table (table)
      • Tag Form (form, input, select, textarea)
      • Tag Div
      • Tag Audio & Video
      • iframe
      • Tag Untuk Citation, Quotation dan Definisi
      • Tag Untuk Hasil Kode Komputer
    • Simbol/Karakter Khusus
  • Belajar CSS
    • Pengenalan CSS
    • Menambahkan CSS ke HTML
    • Selektor CSS
    • Properti CSS
      • Teks Formatting
      • Warna dan Background
      • Pengenalan Box Model
      • Box Model: Konten
      • Box Model: Padding dan Margin
      • Box Model: Border
      • Box Shadow
      • Box Sizing
      • Positioning
      • Display
      • Pengenalan Flexbox
      • Flexbox: Properti Pada Container
      • Flexbox: Properti Item
      • Flexbox: Gap
      • Pengenalan Grid
      • Grid: Grid Struktur
      • Grid: Gap
      • Grid: Alignment
      • Grid: Grid Auto Flow
      • Grid: Item Placment
      • Grid: Functions in Grid Layout
    • Media Queries Untuk Responsifitas Pada Website
    • Media Queries: Media Types
    • Media Queries: Media Features
  • Belajar JavaScript
    • Pengenalan JavaScript
    • Menghubungkan JavaScript ke HTML
    • Variable
    • Tipe Data
    • Operator & Ekspresi
    • Perkondisian
    • Perulangan
    • Fungsi
    • Debugging
    • JavaScript BOM (browser Object Model)
      • Pengenalan JavaScript BOM
      • Akses ke Objek Window
      • Akses ke Objek Document
      • Akses Ke Navigator Object
      • Akses ke Screen Object
      • Akses ke Histori Object
    • JavaScript DOM (Document Object Model)
      • Pengenalan JavaScript DOM
      • Menarget Element HTML
      • Menambah, Menghapus, dan Mengedit Element
    • Events Handler
      • Pengenalan Event Handler Untuk Interaktifitas
      • Windows Events
      • Form Events
      • Keyboard Events
      • Clipboard Events
      • Mouse Events
    • Web Storage
      • Pengenalan Web Storage
      • Local Storage
      • Session Storage
  • Framework CSS
    • Pengenalan Framework CSS (Bootstrap)
    • Menambahkan Bootstrap ke Project
    • Penggunaan Utility Classes
    • Penggunaan Komponen Bootstrap
    • Customizing Bootstrap
    • Responsive dengan Bootstrap
  • Belajar Figma Untuk Slicing
    • Pengenalan dan Peran Figma
    • Membuat Desain Website
    • Melakukan Slicing
  • Pengenalan Framework FrontEnd
  • Hosting (Web Statis)
Powered by GitBook
On this page
  1. Belajar JavaScript
  2. JavaScript BOM (browser Object Model)

Pengenalan JavaScript BOM

JavaScript BOM (Browser Object Model) adalah bagian dari JavaScript yang memberikan akses ke fitur-fitur browser dan lingkungan di mana skrip JavaScript dijalankan. BOM memungkinkan interaksi antara JavaScript dan elemen-elemen browser seperti jendela, dokumen, dan navigator.

Beberapa fitur yang disediakan oleh JavaScript BOM antara lain:

  1. Window Object: Objek window mewakili jendela browser. Ini adalah objek utama dalam BOM dan memberikan akses ke berbagai properti dan metode, termasuk navigasi, ukuran jendela, dan penanganan peristiwa.

  2. Document Object: Objek dokumen mewakili konten dokumen HTML yang dimuat di dalam jendela browser. Ini memungkinkan akses dan manipulasi elemen-elemen HTML di halaman web.

  3. Navigator Object: Objek navigator memberikan informasi tentang browser yang sedang digunakan oleh pengguna. Ini dapat digunakan untuk mendeteksi fitur-fitur tertentu yang didukung oleh browser.

  4. Location Object: Objek location menyediakan informasi tentang URL (Uniform Resource Locator) halaman yang sedang dimuat dan memberikan kemampuan untuk mengarahkan pengguna ke URL yang berbeda.

  5. History Object: Objek history memberikan kontrol terhadap riwayat navigasi pengguna di jendela browser. Ini memungkinkan navigasi mundur dan maju melalui entri riwayat.

  6. Screen Object: Objek screen memberikan informasi tentang layar pengguna, seperti lebar, tinggi, dan kedalaman warna layar.

Dengan menggunakan BOM, pengembang web dapat membuat aplikasi yang lebih interaktif dan responsif dengan mengakses dan memanipulasi elemen-elemen di dalam browser. Misalnya, dengan BOM, Anda dapat membuka jendela pop-up, mengarahkan pengguna ke halaman web lain, atau menanggapi peristiwa seperti klik mouse atau menggulir halaman.

PreviousJavaScript BOM (browser Object Model)NextAkses ke Objek Window

Last updated 1 year ago