Oğuz Kağan TetikAI Systems Architect · AI Trainer

JS Bilgileri -13- Document Object Model (DOM) -3

· 1 dk okuma
Bu yazı 2020 yılında yazıldı ve bu sitenin bugünkü doğrulama hattından geçmedi. Teknik ayrıntılar o günün koşullarını yansıtıyor olabilir.

Merhaba, Bu yazı [Document Object Model (DOM) -2](http://document o) yazımızın devamı olacak.

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.

```

Geri Dön

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.

function goBack() {

window.history.back();

}

```

##### forward Fonksiyonu

Geri gelinmiş sayfadan tekrar ileri sayfaya gitmeye yarayan fonksiyondur.

```

İleri Git

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.

function goForward() {

window.history.forward();

}

```

JS Bilgileri -13- Document Object Model (DOM) -3 · Oğuz Kağan Tetik