Tarayıcı Nesne Modeli (BOM) JavaScript sağlayan "talk to" tarayıcısı.
Tarayıcı Nesne Modeli (BOM)
Tarayıcı Nesne Modeli için hiçbir resmi standartlar vardır (BOM) .
Modern tarayıcılar uygulayan beri (almost) JavaScript etkileşim için aynı yöntemler ve özellikleri, genellikle yöntemleri ve BOM özellikleri olarak, anılır.
Window Nesne
window nesnesi tüm tarayıcılar tarafından desteklenmektedir. Bu tarayıcının penceresini temsil eder.
Tüm genel JavaScript nesneler, işlevleri ve değişkenler otomatik pencere nesnesinin üyesi olurlar.
Küresel değişkenler pencere nesnesinin özellikleridir.
Küresel fonksiyonlar pencere nesnesinin yöntemlerdir.
Hatta belge nesne (of the HTML DOM) pencere nesnesinin bir özelliğidir:
window.document. getElementById("header") ;
aynıdır:
document. getElementById("header") ;
Pencere Boyutu
İki özellikleri tarayıcı penceresinin boyutunu belirlemek için kullanılabilir.
Her iki özellik de piksel olarak boyutları döndürür:
- window.innerHeight - tarayıcı penceresinin iç yüksekliği (in pixels)
- window.innerWidth - tarayıcı penceresinin iç genişliği (in pixels)
Tarayıcı penceresi (the browser viewport) araç çubukları ve kaydırma çubukları dahil DEĞİLDİR.
Internet Explorer 8, 7, 6, 5 İçin:
- document.documentElement.clientHeight
- document.documentElement.clientWidth
- or
- document.body.clientHeight
- document.body.clientWidth
Pratik bir JavaScript çözümü (covering all browsers) :
Örnek
var w = window.innerWidth
|| document.documentElement.clientWidth
||
document.body.clientWidth;
var h = window.innerHeight
||
document.documentElement.clientHeight
|| document.body.clientHeight;
Kendin dene " Örnek tarayıcı penceresinin yüksekliğini ve genişliğini gösterir: (NOT including toolbars/scrollbars)
Diğer Window Yöntemleri
Diğer bazı yöntemler:
- window. open() window. open() - Yeni bir pencere açmak
- window. close() window. close() - Geçerli pencereyi kapatmak
- window. moveTo() window. moveTo() mevcut pencere -hareket
- window. resizeTo() window. resizeTo() mevcut pencere -resize