Bajardi: 316-21 guruh talabalari Tekshirdi: Joraboyev Foziljon

Muhammad Al-Xorazmiy nomidagi Toshkent axborot texnoligiyalari universiteti dasturiy injenering fakulteti talabalari veb dasturlashga kirish fanidan prezentatsiya

Bajardi:316-21 guruh talabalari

Tekshirdi:Joraboyev Foziljon

MAVZU:JavaScript brauzer va veb-hujjat ob’ektlari modeli bilan ishlash. Hujjatning ob’ektli modeli haqida tushuncha (DOM). Hujjatning ob’ektli modelida HTML ob’ektlari va CSS xususiyatlari bilan ishlash. JavaScript brauzer ob’ekti modeli (BOM). Date ob’ekti usullari va xususiyalari.

Reja:

• DOM dasturlash interfeysi
• HTML DOM hujjat obyekti
• Brauzer obyekt modeli (BOM)
• Oyna obyekti
• Vaqtni belgilash qoidalari

Ob'ekt modeli bilan javascript dinamik HTML yaratish uchun zarur bo'lgan barcha quvvatni oladi:

• Javascript sahifadagi barcha html elementlarini o'zgartirishi mumkin
• Javascript sahifadagi barcha html atributlarini o'zgartirishi mumkin
• Javascript sahifadagi barcha css uslublarini o'zgartirishi mumkin
• Javascript mavjud html elementlari va atributlarini olib tashlashi mumkin
• Javascript yangi html elementlari va atributlarini qo'shishi mumkin
• Javascript sahifadagi barcha mavjud html hodisalariga munosabat bildira oladi
• Javascript sahifada yangi html hodisalarini yaratishi mumkin

DOM dasturlash interfeysi

• DOM dasturlash interfeysi
• HTML DOM ga JavaScript (va boshqa dasturlash tillari) orqali kirish mumkin.
• DOMda barcha HTML elementlari ob'ektlar sifatida aniqlanadi .
• Dasturlash interfeysi har bir ob'ektning xossalari va usullaridir.
• Xususiyat siz olishingiz yoki o'rnatishingiz mumkin bo'lgan qiymatdir (masalan, HTML elementining mazmunini o'zgartirish) .
• Usul - bu siz bajarishingiz mumkin bo'lgan harakat (masalan , HTML elementini qo'shish yoki o'chirish)

Misol

• Quyidagi misol elementning mazmunini ( innerHTML)
  bilan o'zgartiradi id="demo":