En son web geliştirme öğreticiler
 

JavaScript Pencere - Tarayıcı Nesne Modeli


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