Browser yani tarayıcının Javascript dilindeki adı Navigator'dır. Önceki derslerde Navigator penceresinin bir kaç özelliği kullanılmıştır. (width, height gibi.). Diğer özellikleri aşağıdas listelenmiştir.
width Pencerenin ekranda kaplayacağı alanın piksel cinsinden genişliği
height Pencerenin ekranda kaplayacağı alanın piksel cinsinden yüksekliği
toolbar Araç çubuğunun gösterilmesi (1) veya gösterilmemesi (0),
menubar Menu çubuğunun gösterilmesi (1) veya gösterilmemesi (0),
scrollbars Kaydırma çubuklarının gösterilmesi (1) veya gösterilmemesi (0,.
resizable Büyütülebilir-küçültülebilir olması (1) veya olmaması (0),
status Mesaj çubuğunun gösterilmesi (1) veya gösterilmemesi (0),
location URL adres çubuğunun gösterilmesi (1) veya gösterilmemesi (0),
directories İkinci araç çubuğunun gösterilmesi (1) veya gösterilmemesi (0),
copyhistory Ana pencerenin geçmiş kayıtlarının yeni pencereye aktarılması,
outerWidth Pencerenin piksel olarak genişliği
outerHeight Pencerenin piksel olarak yüksekliği,
left Pencerenin ekranın sol kenarından olan uzaklığı (piksel cinsinden)
top Pencerenin ekranın üst kenarından olan uzaklığı (piksel cinsinden)
alwaysRaised Açık olan bütün pencerelerin üzerinde gösterilmesi (Windows için)
Javascript'in yeni pencere açma metodu;
window.open()
şeklindedir. Örnek olarak;
PencereAc=window.open(index.html, Pencere_Adı_Bölümü, toolbar=1, menubar=yes, resizable=no)
Yukarıdaki komut ile yeni bir pencere açılmıştır. Açılan pencereyi kapatmak için ise
PencereAc.Close
komutu kullanılmaktadır.
Aşağıda pencere konusu ile ilgili bir örnek yer almaktadır.
############################################
############################################
<HTML>
<HEAD>
<SCRIPT LANGUAGE = "JavaScript">
function TarayiciBilgileri () {
var Tarayici = ""
Tarayici += "Browser: " + navigator.appName + "\n"
Tarayici += "Sürümü:" + navigator.appVersion + "\n"
Tarayici += "Kod Adı: " + navigator.appCodeName + "\n"
alert(Tarayici)
}
</SCRIPT>
<BODY>
<FORM>
<INPUT Type="button" Value="Tarayıcınız hakkında bilgi almak için tıklayınız " OnClick="TarayiciBilgileri()"
</INPUT>
</FORM>
</BODY>
</HTML>
Örnekte kullanılan fonksiyonların işlevleri şu şekildedir.
appname : Tarayıcının adı
appVersion : Tarayıcının versiyonu
appCodeName : Tarayıcının kod adı
Yukarıdaki bilgiler kullanıcıya mesaj olarak iletilmektedir. |
