JAVASCRIPT’TE WINDOW OBJESİ NEDİR? GENEL BAKIŞ #10


WINDOW OBJESİ NEDİR ?

Hatırlarsanız, derslerimizde daha önceden “alert()” ya da “console.log()” gibi methodlar kullanmıştık.Peki bu methodlar aslında nereden geliyor ? Bu dersimizde bunu öğrenmeye çalışacağız. Yani window objesini öğrenmeye çalışacağız.

Window objesi bizim tarayıcımız üzerinde yapmak istediğimiz işlemleri ve pencerenin özelliklerini taşıyan, aslında bir javascript objesi. Ve bir javascript objesi olduğu içinde, haliyle içinde bir çok özellik ve bir çok method barındırmaktadır. Eğer yapıyı kurup javascript dosyasının içine şunu yazarsak;

Console’da çıktı olarak karşımıza “Window” adında bir obje gelecektir. Burada this, aslında bizim üzerinde durduğumuz obje demektir. Yani burada bizim Javascript’te ki en genel objemiz aslında window objesidir. Yani aslında biz alert vermek istediğimizde şöyle bir kullanım yapabiliriz;

ve karşımıza normal bir “alert()” methodu kullanmışız gibi aynı şey sayfada gelir. Aslında biz burada normal “alert()” fonksiyonunu değilde “Window objesinin içindeki alert()” methodunu kullandık. Bu window objesini aynı zamanda şöyle yazarak görüntüleyebiliriz;

Yine aynı şekilde Console’da window objesini göreceğiz.

JAVASCRIPT’TE WINDOW OBJESİNİN İÇİNDEKİLER

Console’da çıkan window objesinin içini açtığımızda karşımıza bir sürü şey gelecektir. Ve ilk başta karşımızda “alert” methodunu göreceğiz. Yani alert aslında bizim pencere üzerinde işlem yapmamızı sağlayan aslında bir methodumuz ve buda yine window objesinin bir methodudur. Ve bakalım başka ne gibi özelliklerimiz var;

Örneğin “L” harfi bölümünde bizim Location diye bir methodumuz var ve biz onu açarak onun kendi içindede bir obje olduğunu görebiliyoruz. Ve bu objeninde ayrıca “host” , “hostname” , “href” gibi değişik özellikleri bulunur ve değişik methodları bulunur. Örneğin orada location’ın reload adında bir methodu var biz bunu birazdan göreceğiz. Biraz daha incelersek;

Orada “C” harfi bölümünde “Confirm” adında bir methodumuz var. Bu confirmde aslında bizim pencere üzerinde emin misiniz tarzında soruları sormamızı sağlayan bir pop-up açmamızı sağlıyor ve biz bu sayede de işlemlerimizi gerçekleştirebiliyoruz.

Aynı şekilde “P” harfi bölümünde bulunan “Prompt” adında bir methodumuz var. Bu prompt ise kullanıcıdan input almamızı sağlıyor. Yani kullanıcı bir değer giriyor ve biz bu değeri alabiliyoruz. Ve aldığımız değere , cevaba göre işlemlerimizi yapıyoruz.

Window objesinde bir çok özellik var fakat bunların hepsini kullanmamız imkansız. Biz gerektiği yerde işimize yarayan methodu kullanacağız. Şimdi bunların kullanımlarını görelim.

WINDOW METHODLARININ KULLANIMI

1 – Alert : 

Hemen kod örneğinde görelim;

Tarayıcımızı açtığımızda ekranda “Merhaba Javascript” yazan bir pop-up çıkıyor.

2- Confirm : 

Sayfa açıldığında bir pop-up çıkar ve altında “OK” ve “Cancel” diye iki seçenek bulunur. Eğer bu confirmi bir değişkene atayıp neye bastığına göre cevap değişkenini Console’a yazdırısanız eğer “OK” a basarsa true , “Cancel” a basarsa false çıktısını alırsınız. Hemen kod örneği görelim;

Eğer ben true ya da false olmasına göre bir kontrol yapmak istersem , yani;

Duruma göre Console’da ifadeyi yazar.

3 – Prompt :

Kod örneği üzerinden anlatalım;

kodu çalıştırınca ekranda bir pop-up açılır ve ” 2+2 = ? “ diye sorar ve bizden değer girmemizi bekleyip “OK” veya “Cancel”a basmamızı ister. Sonrasında girilen değeri Console’a yazdırabiliriz. Şimdi gelen cevapla bir kontrol ifadesi yazalım;

Burada kullanıcıdan alınan değere göre eğer cevap 4 ise console’a doğru cevap çıktısını basar fakat yanlış yani 4’ten başka bir şey ise yanlış cevap çıktısını basar.

Evet arkadaşlar bunlar window objesini bazı methodları ve sık sık kullanacağımız methodlar.

Şimdi window objesinin çeşitli özelliklerini görelim;

WINDOW OBJESİNİN ÇEŞİTLİ ÖZELLİKLERİ

Uzun bir kod şablonu yazacağım ve console’da ne çıktıları vereceğini göstereceğim;

BİTİRİŞ

Evet arkadaşlar DOM olaylarına geçmeden önce window objesini genel bir şekilde görmemiz gerekiyordu. Ve güzel bir şekilde methodlarımızı ve window objesinin özelliklerini gördük. Bir sonraki dersimizde görüşmek üzere…

Javascript’te Template Literal ve Date Objesi

Javascript Videolu Eğitim Serisi

[Toplam:1    Ortalama:5/5]

Sizin Tepkiniz Nedir?

süper süper
0
süper
bilgilendirici bilgilendirici
4
bilgilendirici
beğenmedim beğenmedim
0
beğenmedim
beğendim beğendim
3
beğendim
Düşündürücü Düşündürücü
0
Düşündürücü
Berkay

Yazılım ve Javascript adına kendini geliştirmekte olan ve bilgilerini paylaşmayı seven biri.

0 Yorum

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bir format seçin
Kişisel Test
Kişiliğe dair bir şey ortaya çıkarmayı amaçlayan sorular dizisi
Basit Test
Bilgiyi kontrol etmek isteyen doğru ve yanlış cevaplı sorular dizisi
Anket
Karar vermek veya görüş belirlemek için oylama yapmak
Serbest Yazı
Yazılarınıza Görseller Bağlantılar Ekleyebilirsiniz
Liste
Klasik İnternet Listeleri
Geri Sayım Listesi
Klasik İnternet Geri Sayım Listeleri
Açık Liste
Kendi öğenizi gönderin ve en iyi sunum için oy verin
Oylanabilir Liste
En iyi liste öğesine karar vermek için yukarı veya aşağı basın
Fotoyla Anlatım
Kendi resimlerinizi yükleyin ve birşeyler anlatın
Video
Youtube, Vimeo veya Vine Kodları
Ses
Soundcloud veya Mixcloud İçerikleri
Görsel
Fotoğraf veya GIF
GIF
GIF Formatı