JavaScript Nesne Modeli
Javascript January 12th, 2008
JavaScriptin nesne modelini anlamak için yukarıdaki resmi incelememiz gerekiyor. JavaScript açısından en üstte browser nesnesi bulunur. Bunu her zaman zikretmeyiz.
Daha sonra ise document nesnesi bulunur. document nesnesi html sayfasına verilen addır. <HTML>…</HTML> tagları arasında bulunan kısıma verilen addır.
Daha sonra ise diğer nesneler gelir. Mesela images[0] sayfada bulunan ilk resim javaScript için bir nesnedir. Bu nesneye images[0] veya ona verdiğimiz isim ile ulaşabiliriz.
Yine sayfada bir form görüyoruz. Bu form javaScript için forms[0] dır. Bu forma ulaşmak için documen.forms[0] şeklinde bir kullanım olacaktır.
JavaScript için formun her elemanı da birer nesnedir. Mesela elments[0] gibi. Bu text alanına ulaşmak için
document.forms[0].elements[0] yazmamız gerekir. Mesela bu kısıma bir yazı yazmamız gerekseydi. document.forms[0].elements[0].value=”__GEZGIN__”; şeklinde bir kullanım gerekecekti. Bu kullanım ile bu text alanına “__GEZGIN__” yazmış olduk.
Ayrıca bu alandaki bir bilgiyi bir değişkene de aktarabiliriz. isim=document.forms[0].elements[0].value; şeklinde bir kullanım isim değişkenine “selami demir” değerini aktaracaktır.
Yine formun diğer alanlarına da müdahale edebiliriz. Fakat biz bu müdahaleleri isimler ile yapacağız. Mesela formumuzun adı bilgiForm elments[0] text alanının adının ile adiniz olduğunu varsayarsak bu alana bir şeyler yazacağımız zaman document.bilgiForm.adiniz.value=”yazacağımız değer”; şeklinde kullanacağız.
Burada value bulunulan form alanının içeriği yani aldığı değerdir.
Yine linklerimiz de javaScript için birer nesnedir. Burada bir link olduğu için links[0] şeklinde bir tanımlama yapıldı. JavaScriptte indexlemenin sıfırdan başladığını dizi değişkenlerde görmüştük. Bu nedenle links[0] şeklinde bir kullanımla birinci link ifade edilir. Ayrıca bu linke ulaşmak için bir isim verebiliriz.
IE4 + ve NS6+ browserler sayfa içerisindeki tüm elemanların özelliklerini sayfa yüklendikten sonra değiştirebilirler. NS4 ise sadece blok elemanların konumsal özelliklerini değiştirmeyi kabul eder. Mesela bir resimin genişliğini veya yüksekliğini sayfa yüklendikten sonra IE4+ ve NS6+ da rahatlıkla değiştirebilirsiniz. Fakat NS4 bunu kabul etmez.
Son Yorumlamalar