Window Nesnesi
Window nesnesini kullanarak tarayıcı penceresi ile ilgili işlemler yapılabilir. Çok kullanılan bazı metotlar şunlardır:
Alert Metodu
Bir mesaj kutusu ile kullanıcıya mesaj vermek için kullanılır.
|
1 |
alert("Merhaba! 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.
|
1 |
var ad=prompt("İsminizi 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.
|
1 2 3 4 5 6 7 8 9 |
function kapat() { var karar=confirm("Sayfadan ayrılmak istiyor musunuz?"); if(karar==true) { window.close(); } } |
Close Metodu
O anki tarayıcı penceresini kapatır.
|
1 |
window.close(); |
Open Metodu
İstenen boyut ve özelliklerde bir tarayıcı penceresi açılmasını sağlar. Metot çağrılırken üç bilgi verilebilir. Kullanımı; window.open(“sayfa adresi”, “pencere adı”, “pencere özellikleri”);
Pencere_Özellikleri :
- menubar : Tarayıcının en üstündeki File(dosya), Edit(düzen) vb. menünün bulunduğu satırdır.
- toolbar : Tarayıcının en üstündeki Back(geri), Forward(ileri) vb. komutların bulunduğu satırdır.
- location : Ziyaret etmek istediğimiz web adresini yazdığımız kısımdır.
- status : Tarayıcının en altındaki hangi dosyanın yüklendiği ile ilgili bilgi veren kısımdır.
- scrollbars : Kaydırma çubukları
- resizable : Pencere boyutlarının kullanıcıya bırakılmasıyla ilgilidir.
- width : Pencerenin genişliği
- height : Pencerenin yüksekliği
- left : Pencerenin, ekranın soluna olan uzaklığı
- top : Pencerenin, ekranın üstüne olan uzaklığı
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
window.open("http://www.google.com", "google", "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:
|
1 |
window.open("http://www.google.com", "google", "width=280, height=400") ; |
veya
|
1 |
window.open("http://www.google.com", "google") ; |
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.
