JavaScript Window Nesnesi

Window Nesnesi

Tarayıcı penceresi ile ilgili işlemleri window nesnesini kullanarak yapabiliriz. 

Çok kullanılan bazı metotlar şunlardır:

Alert Metodu

Bir mesaj kutusu ile kullanıcıya mesaj vermek için kullanılır.

alert("Hoş geldiniz.");

Prompt Metodu

Kullanıcıdan bir iletişim kutusu sayesinde bilgi almamızı sağlar. Kutu içinde istediğimiz mesajı da gösterebiliriz. Kullanıcının girdiği değer geri döndürülür. Yani metodu bir değişkene eşitleyerek kullanabiliriz.

var sayi1=prompt("Sayı giriniz:");

Confirm Metodu

Kullanıcıdan bir işlem için onay almayı sağlar. Açılan pencerede kullanıcıya bir mesaj verilir. Kullanıcı ise Tamam ya da İptal düğmelerinden birine tıklar.

Tamam düğmesine tıklandığında metot true değeri döndürürken, İptal düğmesine tıklandığında false değeri geri döner. Sonuç kontrol edilerek istenen işlemler yapılabilir.

Örnek:

function kapat()
{
    var karar=confirm("Sayfadan ayrılmak istiyor musunuz?");
    
    if(karar==true)
    {
        window.close();
        }
    }

Close Metodu

O anki tarayıcı penceresini kapatır.

window.close();

Open Metodu

İstenen boyut ve özelliklerde bir tarayıcı penceresi açılmasını sağlar. Metot çağrılırken üç bilgi verilebilir.

window.open("sayfa adresi", "pencere adı", "pencere özellikleri");

Örnek:

window.open("mesajGonder.html", "mesaj", "toolbar=no,location=no,directories=no, status=no, menubar=no, scrollbars=no, resizable=no,copyhistory=no, width=280, height=400, left=200, screenX=200, top=300, screenY=300") ;

Pencere özelliklerinin tamamı belirtilmese de olur. Sadece ihtiyacımız olan özellikleri belirtmemiz yeterlidir.

Örnek:

window.open("mesajGonder.html", "mesaj", "width=280, height=400") ;

veya

window.open("mesajGonder.html", "mesaj") ;

moveTo Metodu

window.moveTo metodu ile pencereyi ekranda istediğimiz konuma taşıyabiliriz.

resizeTo Metodu

window.resizeTo metodu ile pencerenin genişlik ve yüksekliğini değiştirebiliriz.

 

javascript mesaj kutusu oluşturma, açılır pencere oluşturma, yeni tarayıcı penceresi açma kapama, javascript pencere genişlik ve yüksekliğini değiştirme

KONU İLE İLGİLİ ÖRNEKLER

JavaScript ile Pencere Açma ve Pencereyi Onay İsteyerek Kapatma Kendin Dene

Kendin Dene butonuna tıkla, kodları değiştir, sonucu gör...

Bu örnekte birinci sayfadaki butona tıklandığında window.open metodu ile yeni bir pencere açılmaktadır.

Açılan penceredeki sayfada confirm ve window.close metotları kullanılarak, sayfanın kapatılması sağlanmıştır.

Prompt Metodu ile İletişim Kutusu Örneği Kendin Dene

Kendin Dene butonuna tıkla, kodları değiştir, sonucu gör...

Bu örnekte prompt metodu ile kullanıcıdan alınan veri, parseInt metodu ile sayıya dönüştürülmüştür.

Alert Metodu ile Mesaj Kutusu Örneği Kendin Dene

Kendin Dene butonuna tıkla, kodları değiştir, sonucu gör...



YORUMLAR




3653  kez okundu.

Online Kullanıcı Sayısı 78