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.
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.
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.
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.
Kendin Dene butonuna tıkla, kodları değiştir, sonucu gör...
14177 kez okundu.