HTML hujjatlar va Javascript dagi obyektlar iyerarxiyasi

HTML hujjatlar va javascript dagi obyektlar ierarxiyasi Reja: 1. Freymlar. 2. Darcha yaratish. 3. Vrml-saxnalarini dinamik yaratish. 4. Image obyekti. Web sahifaning barcha elementlari JavaScript tilidagi ierarxik tuzilishi bo'yicha kuriladi. Xar bir element obyekt ko'rinishida nomayon bo'ladi. Va bundan xar bir obyekt aniq tarkibga va usulga ega bo'ladi. o'z navbatida JavaScript tili Web sahifa obyektlarini oson boshqarish imkoniyatini beradi. Va bunda siz obyektlar ierarxiyasini tushunishingiz juda muhim. Bularning qanday ruy berishini navbatdagi misol orqali tez tushunishingiz mumkin. Oddiy HTML sahifani kuramiz: Demak biz 2 ta tasvir, 1 ta murojat va qandaydir matn chiqarish uchun 2 maydondan iborat forma va 1 ta tugmachaga egamiz. JavaSsript nuqtaiy nazaridan brouzer darchasi - allaqanday Window obyekti bo'lib hisobllanadi. Bu obyekt o'z navbatida bir necha rasmiylashtirish elementlariga ega. Darcha ichkarisiga biz html dokumentini urnatishimiz urnatishimiz mumkin ( yoki boshqa tildagi fayl, hozircha html fayli bilan chegaralanib turamiz ). Bunday sahifa document obyektidan sira xam farq kilmaydi. Bu shuni anglatadiki document obyekti JavaScript tilida hozirgi paytda yuklangan html dokumentni namoyon etadi. Document obyekti JavaScript tilida juda muhim obyektlardan biri hisoblanadi va siz undan ko'p marta foydalanasiz. Masalan Document obyektining tarkibiga , Web sahifaning foning rangi kiradi. Shunday qilib biz uchun shunisi muhimki html obyektlvridan barchasi document obyektining tarkibiga kiradi. Html obyektlariga misol, murojaat yoki tuldirilgan forma bula oladi. quyidagi rasmda misolimiz orqali yaratilgan html sahifaning obyektlari ierarxiyasi tasvirlangan: Albatta biz bu ierarxiya yordamida turli obyektlar haqida ma'lumotga ega bo'lishimiz va uni boshqarish imkoniga ega bo'lishimiz kerak. Buning uchun biz JavaScript tilida turli obyektlarga ruxsat qanday tashkil etilganligini bilishimiz shart. Kurinib turibdiki ierarxik tuzilishga ko'ra xar bir obyekt o'z nomiga ega. Mos ravishda agar siz html sahifadagi 1-rasmga murojat kilmokchi bulsangiz obyektlar ierarxiyasidagi o'z yo'nalishingizni tanlab olishingiz kerak va eng yuqori chukkidan boshlash kerak. Bu tuzilishdagi 1-obyekt document deb ataladi. sahifadagi 1-rasm images [0] obyekti kabi tasvirlangan. Bu shuni anglatadiki JavaScript da document.images[0] deb yozib bu obyektga ruxsat olgan bulamiz. Masalan agarda siz formaning 1-elementiga qanday matn kiritilganini bilmokchi bulsangiz datslab qanday qilib obyektga ruxsat olishni aniklab olishingiz kerak va yana obyektlar ierarxiyasining eng yuqorisidan boshlaymiz. Sungra elements[0] obyektga yul kursatamiz va ketma-ketlik bilan barcha obyektlarni nomini yozamiz va natijada shu narsa aniklanadiki 1-maydonga ruxsatni shularni yozish orqali olish mumkin: Document.forms[0].Elements[0]. Endi foydalanuvchi tomonidan kiritilgan matnni qanday qilib bilish mumkin. obyektning kaysi turi yoki xossalaridan biri bu informatsiyaga ruxsat berishi mumkinligini aniqlash uchun JavaScript haqidagi ma'lumotnomalarga murjat qilish kerak. U yerda siz kiritilgan matn maydoniga mos keluvchi ...