• Faylni veb-brauzeringizda va matn muharririda oching. Siz HTML bosiladigan tugmani oz ichiga olgan oddiy veb-sahifani yaratishini korasiz.
  • Endi biz sahifani yanada qiziqarli qilish uchun elementimizga JavaScript-ni qoshamiz — "// JavaScript bu erga boradi" qatorining pastiga quyidagi kodni qoshamiz
  • Faylingizni saqlang va brauzerni yangilang - endi siz tugmani bosganingizda yangi paragraf hosil bolishini va quyida joylashganligini korishingiz kerak.
  • Skriptni yuklash strategiyalari
  • Ichki misolda siz ushbu tuzilmani kod atrofida korishingiz mumkin
  • Kirish 3 I bob. Python onlayn dars sayti




    Download 400,17 Kb.
    bet23/24
    Sana20.05.2024
    Hajmi400,17 Kb.
    #244645
    1   ...   16   17   18   19   20   21   22   23   24
    Bog'liq
    Diplom ishi


    Bu onclick atributidan biroz uzunroq bo'lishi mumkin, lekin u sahifada qancha bo'lishidan, qancha qo'shilgan yoki olib tashlanganidan qat'i nazar, barcha tugmalar uchun ishlaydi. JavaScript-ni o'zgartirish shart emas.

    Skriptni yuklash strategiyalari

    Skriptlarni o'z vaqtida yuklash bilan bog'liq bir qator muammolar mavjud. Hech narsa ko'rinadigan darajada oddiy emas! Umumiy muammo shundaki, sahifadagi barcha HTML ko'rinadigan tartibda yuklanadi. Agar siz sahifadagi elementlarni (yoki aniqrogʻi, Hujjat obyekti modeli) oʻzgartirish uchun JavaScript-dan foydalanayotgan boʻlsangiz, JavaScript biror narsa qilmoqchi boʻlgan HTML-dan oldin yuklangan va tahlil qilingan boʻlsa, kodingiz ishlamaydi.

    Yuqoridagi kod misollarida, ichki va tashqi misollarda JavaScript HTML tanasini tahlil qilishdan oldin hujjat boshida yuklanadi va ishga tushiriladi. Bu xatolikka olib kelishi mumkin, shuning uchun biz uni hal qilish uchun ba'zi konstruktsiyalardan foydalandik.

    Ichki misolda siz ushbu tuzilmani kod atrofida ko'rishingiz mumkin:


    document.addEventListener("DOMContentLoaded", () => {
    // …
    });


    Bu hodisa tinglovchisi boʻlib, u brauzerning DOMContentLoaded hodisasini tinglaydi, bu HTML korpusi toʻliq yuklangan va tahlil qilinganligini bildiradi. Ushbu blok ichidagi JavaScript o'sha voqea ishga tushirilgunga qadar ishlamaydi, shuning uchun xatolikdan qochib qutulasiz.

    Tashqi misolda biz muammoni hal qilish uchun zamonaviyroq JavaScript funksiyasidan foydalanamiz, ya'ni


    Ushbu muammoning eskicha yechimi skript elementni tananing pastki qismiga (masalan, letter-spacing: -0.2pt"> sidebar-mini layout-fixed">

    height="38" alt="">
    avatar-sm-status avatar-status-success">


    Notifications Dropdown Menu -->
    Notifications Dropdown Menu -->
  • dropdown ml-3 low">
    data-toggle="dropdown" aria-expanded="false" data-wow-delay="0.7s">



  • /.navbar -->
    Main Sidebar Container -->


    Download 400,17 Kb.
    1   ...   16   17   18   19   20   21   22   23   24




    Download 400,17 Kb.

    Bosh sahifa
    Aloqalar

        Bosh sahifa



    Kirish 3 I bob. Python onlayn dars sayti

    Download 400,17 Kb.