|
2. Internet Explorer & Netscape
Farkı
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
uzantılı 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.
Önemli!:Bu üç Html dosyasınında aynı klasör de olması gereklidir.
Tara.htm adlı dosyada anlamadığınız kodlar olduğunu görüyorsunuz. Şimdilik
bu kodları anlamanız gerekli değil. Yeri geldikçe bu kodların nerede ve
nasıl kullanılacağını göreceğiz.
|