JavaScript Pencere - Tarayıcı Obje Modeli

Browser Object Model (Browser Object M(BOM) JavaScript'in tarayıcı ile konuşmasına izin verir.

Browser Object Model (BOM)

Browser Object Model (BOM) için resmi bir standart yoktur.

Modern tarayıcılar (neredeyse) aynı yöntemleri ve özellikleri JavaScript ile etkileşime girmek için gerçekleştirmiştir, bu nedenle BOM'nın yöntemleri ve özellikleri olarak sıkça bahsedilir.

Window nesnesi

Tüm tarayıcılar destekler window Nesne. Tarayıcı penceresini temsil eder.

Tüm küresel JavaScript nesneleri, fonksiyonları ve değişkenleri otomatik olarak window nesnesinin üyeleri haline gelir.

Küresel değişkenler window nesnesinin özellikleridir.

Küresel fonksiyonlar window nesnesinin yöntemleridir.

Hatta (HTML DOM'nun) document nesnesi de window nesnesinin özelliğidir:

window.document.getElementById("header");

Eşdeğerdir:

document.getElementById("header");

Pencere boyutu

Bu iki özellik, tarayıcı penceresinin boyutlarını belirlemek için kullanılabilir.

Bu iki özellik de piksel olarak boyutları döndürür:

  • window.innerHeight - Tarayıcı penceresinin iç yüksekliği (piksel olarak)
  • window.innerWidth - Tarayıcı penceresinin iç genişliği (piksel olarak)

Tarayıcı penceresi (tarayıcı görüntü açısı) araç çubuğu ve kaydırma çubuğunu içermez.

Internet Explorer 8, 7, 6, 5 için:

  • document.documentElement.clientHeight
  • document.documentElement.clientWidth

or

  • document.body.clientHeight
  • document.body.clientWidth

A practical JavaScript solution (including all browsers):

Example

var w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

Try It Yourself

This example shows the height and width of the browser window: (excluding the toolbar and scrollbar)

Other window methods

Some other methods:

  • window.open() - Open a new window
  • window.close() - Close the current window
  • window.moveTo() - Move the current window
  • window.resizeTo() - Adjust the current window