JavaScript Window Nesnesi ve Tarayıcı Modeli (BOM)
JavaScript'te window nesnesi, tarayıcının penceresini temsil eder ve tüm global JavaScript nesnelerinin, fonksiyonlarının ve değişkenlerinin "babası" sayılır. document nesnesi bile aslında window.document olarak bu yapının bir parçasıdır.
Window Nesnesinin Alt Bileşenleri
Tarayıcıyı yönetmek için window nesnesine bağlı üç önemli yardımcı nesne bulunur:
- Location: Geçerli sayfanın URL bilgilerini tutar ve yönlendirme yapar.
- History: Tarayıcı geçmişinde ileri/geri gitmeyi sağlar.
- Navigator: Kullanıcının tarayıcı ve işletim sistemi bilgilerini verir.
Kod Örneği: Pencere ve URL İşlemleri
// 1. Pencere Boyutlarını Alma
let genislik = window.innerWidth;
let yukseklik = window.innerHeight;
console.log(`Ekran Boyutu: ${genislik}x${yukseklik}`);
// 2. Sayfa Yönlendirme (Location)
function sayfayaGit() {
window.location.href = "https://kodornekleri.com";
}
// 3. Geçmişte Geri Gitme (History)
function geriGit() {
window.history.back();
}
Kritik Window Metodları
| Metod | Açıklama | Örnek |
|---|---|---|
alert() |
Basit bir uyarı penceresi açar. | window.alert("Merhaba") |
open() |
Yeni bir tarayıcı penceresi/sekmesi açar. | window.open("url") |
close() |
Geçerli pencereyi kapatır. | window.close() |
⚠️ Güvenlik Notu:
window.open() metodu, modern tarayıcılar tarafından genellikle "Pop-up engelleyici" takılır. Bu metodun çalışması için mutlaka bir kullanıcı etkileşimi (buton tıklaması gibi) gereklidir.
Özet
- Window nesnesi, tarayıcıdaki en yetkili nesnedir.
- Global değişkenler aslında window nesnesinin özellikleridir.
window.locationile sayfa yönlendirmeleri güvenle yapılabilir.- Responsive (duyarlı) tasarımlar için ekran genişliği window üzerinden kontrol edilebilir.