Merhaba, Bu yazı Document Object Model (DOM) -2 yazımızın devamı olacak.

Navigator Özelliği

Pencere (window) özelliğinin bir alt özelliği olarak navigator özellikleri bir takım bilgileri edinebilmemize yardımcı olur.

appName

Ziyaretçimizin hangi tarayıcıyı kullandığı bilgisini verir.

alert(navigator.appName);

appVersion

Ziyaretçimizin kullandığı tarayıcının versiyon bilgisini ve diğer detaylarını verir.

alert(navigator.appVersion);

browserLanguage

Ziyaretçimizin kullandığı tarayıcının hangi dilde olduğu bilgisini verir.

alert(navigator.browserLanguage);

systemLanguage

Ziyaretçimizin kullandığı işletim sisteminin hangi dilde olduğu bilgisini verir.

alert(navigator.systemLanguage);

platform

Ziyaretçimizin kullandığı işletim sistemi bilgisini verir.

alert(navigator.platform);

cookieEnabled

Ziyaretçimizin tarayıcı ayarlarında çerezlere (cookies) izin verilip verilmediğini kontrol eder.

if(navigator.cookieEnabled==true){
  alert('Çerezlere izin veriliyor.');
} else{
  alert('Çerezlere izin verilmiyor.');
}

javaEnabled

Ziyaretçimizin tarayıcı ayarlarında javascript’e izin verilip verilmediğini kontrol eder.

if(navigator.javaEnabled==true){
  alert('JavaScripte izin veriliyor.');
} else{
  alert('JavaScripte izin verilmiyor.');
}

Screen Özelliği

Screen özelliği ekran ile ilgili bilgileri kullanmamıza yarayan fonksiyonlar içerir.

width

Ekran genişliğini öğrenmek için kullanırız.

alert(screen.width);

height

Ekran yüksekliğini öğrenmek için kullanırız.

alert(screen.height);

colorDepth

Ekran renk derinliğini öğrenmek için kullanırız.

alert(screen.colorDepth);

History Özelliği

Tarayıcı geçmişi ile ilgili bilgileri kullanmamıza yarayan fonksiyonlardır.

history.length

Tarayıcı açıldıktan sonra bu fonksiyonun kullanıldığı sayfaya gelinene kadar ziyaret edilmiş sayfa sayısını verir.

alert(history.length);

back Özelliği

Bir önceki sayfaya gitmeye yarayan fonksiyondur.

<!DOCTYPE html>
<html>
<body>

<button onclick="goBack()">Geri Dön</button>

<p>Bu düğmenin çalışabilmesi için çalıştırdığınız sayfadan önce bir başka sayfaya gitmiş olmanız gerekmektedir. Eğer tarayıcıyı ilk bu adres ile çalıştırdıysanız bir işlevi olmayacaktır.</p>

<script>
function goBack() {
  window.history.back();
}
</script>

</body>
</html>

forward Fonksiyonu

Geri gelinmiş sayfadan tekrar ileri sayfaya gitmeye yarayan fonksiyondur.

<!DOCTYPE html>
<html>
<body>

<button onclick="goForward()">İleri Git</button>

<p>Bu fonksiyonun çalışabilmesi için daha önce bir sayfada geri gelme fonksiyonunu kullanmış olmanız gerekir. Aksi takdirde ileriye gidecek bir sayfa bulamayacağı için çalışmaz.</p>

<script>
function goForward() {
  window.history.forward();
}
</script>

</body>
</html>