Browser Object Model (BOM) memungkinkan JavaScript untuk "berbicara dengan" browser.
Browser Object Model (BOM)
Tidak ada standar resmi untuk Model Browser Object (BOM).
Sejak browser modern telah menerapkan (hampir) metode yang sama dan properti untuk interaktivitas JavaScript, itu sering disebut sebagai metode dan properti dari BOM.
The Window Object
The window objek didukung oleh semua browser. Ini merupakan jendela browser.
Semua objek global JavaScript, fungsi, dan variabel otomatis menjadi anggota dari objek window.
variabel global adalah properti dari objek window.
fungsi global adalah metode dari objek window.
Bahkan objek dokumen (DOM HTML) adalah properti dari objek window:
window.document.getElementById("header");
sama dengan:
document.getElementById("header");
Ukuran jendela
Dua sifat dapat digunakan untuk menentukan ukuran jendela browser.
Kedua sifat mengembalikan ukuran dalam pixel:
- window.innerHeight - ketinggian bagian dalam jendela browser (dalam pixel)
- window.innerWidth - lebar bagian dalam jendela browser (dalam pixel)
Jendela browser (browser viewport) TIDAK termasuk toolbar dan scrollbars.
Untuk Internet Explorer 8, 7, 6, 5:
- document.documentElement.clientHeight
- document.documentElement.clientWidth
- or
- document.body.clientHeight
- document.body.clientWidth
Sebuah solusi JavaScript praktis (mencakup semua browser):
Contoh
var w = window.innerWidth
|| document.documentElement.clientWidth
||
document.body.clientWidth;
var h = window.innerHeight
||
document.documentElement.clientHeight
|| document.body.clientHeight; Cobalah sendiri " contoh menampilkan ketinggian jendela browser dan lebar: (TIDAK termasuk toolbar / scrollbars)
Lainnya Window Metode
Beberapa metode lain:
- window.open() - membuka jendela baru
- window.close() - menutup jendela saat
- window.moveTo() -pindah jendela saat
- window.resizeTo() -resize jendela saat