|
Giriş kısmında belirttiğimiz gibi Javascript
kodlarında MSIE (Microsoft Internet Explorer) ve NN (Netscape
Navigator) yönünden farklılık vardır. Bu tarayıcının html dökümanı
nasıl modellediğine bağlıdır. Tarayıcının nesne döküman modeli,
bir Html sayfasındaki çeşitli elemanların tarayıcı tarafından
nasıl algılanıp yorumlandığı ile ilgilidir. Javascript gerçekte
W3C (Web tekniklerinin standartlarını belirleyen kurum
www.w3c.org) konsorsiyumu tarafından belirlenen kodlardan
oluşmamıştır. Tarayıcı üreten firmalar bu konuları kendilerince
yorumlayıp tarayıcılarına yerleştirmişlerdir. Yani kendi nesne
döküman modellerini oluşturmuşlardır.
Biz bu kısımda her iki tarayıcınında nesne döküman modelini
incelemeyeceğiz. Bize gerekli olan kısmını öğreneceğiz. Şimdi
tarayıcı farkının nasıl ayırt edilebileceğini görelim.
ie4 = (document.all) ? true : false;
nn4 = (document.style) ? true : false;
Biz bu iki satırla bir önceki ders olan
değişkenler ve mantıksal operatörler yardımıyla iki tarayıcıyı da
kontrol altına aldık. Bir diğer örnekle yapıyı pekiştirelim.
<script language="Javascript">
<!-- // Kodları eski sürüm tarayıcılardan saklayalım.
ie4 = (document.all) ? true : false ;
nn4 = (document.style) ? true : false ;
if (ie4)
{
// MSIE 4.0 için uygun kodları buraya yazacağız
}
else
{
// NN 4.0 için uygun kodları buraya yazacağız.
}
//Saklamayı bitir -->
</script>
Şimdi bu kodları inceleyelim. Değişken
tanımlama kısmının anlaşıldığını varsayarak geçiyorum.
Anlamadığınız bir kısım varsa 1. Değişkenler kısmına tekrar geri
dönün.
If (ie4) ve if (nn4)
Burada ileriki derslerde öğreneceğimiz koşul
ifadesini kullanıyoruz. Bu kodları Javascript'in anlayış tarzı şu
şekilde olacaktır. Eğer nn4 , ie4 değişkenlerinden doğru olanı ie4
ise -ki bunu true ve false değerlerinden algılar- alt satıra geçip
ona uygun kodu uygulayacaktır. Şayet ie4=false yani nn4=true ise
diğer if koşulu yorumlanarak işleme konulacaktır. Bu da nn4 için
gerekli kodun çalıştırılması demektir.
Şimdi bu kodun tamamını vererek dersi
bitirelim.
<html>
<head>
<title>Tarayıcı kontrolü</title>
<head>
<script language="Javascript">
<!-- // Kodları eski sürüm tarayıcılardan saklayalım.
function tarayici() {
ie4 = (document.all) ? true : false ;
nn4 = (document.style) ? true : false ;
if (ie4)
{
// MSIE 4.0 için uygun kodları buraya yazacağız.
window.location="ie.htm";
}
else
{
// NN 4.0 için uygun kodları buraya yazacağız.
window.location="nn.htm";
}
}
//Saklamayı bitir -->
</script>
</head>
<body onLoad=tarayici()>
</body>
</html>
Bu kodları herhangi bir editör (NotePad
gibi) yardımıyla yazıp tara.htm olarak kaydedin.
<html>
<head>
<title>MSIE tarayıcı kullanıyorsunuz</title>
</head>
<body>
<h3>Tarayıcınız Internet Explorer</h3>
</body>
</html>
Bu kodu ie.htm olarak kaydedin.
<html>
<head>
<title>Netscpae tarayıcı kullanıyorsunuz</title>
</head>
<body>
<h3>Tarayıcınız Netscape Navigator</h3>
</body>
</html>
Bu kodu nn.htm olarak kaydedin.
|