Šis tinklaraštis parodys skirtumą tarp window.onload ir document.onload „JavaScript“.
window.onload ir document.onload naudojant „JavaScript“.
„ langas.atsiuntimas ” įvykis suaktyvinamas, kai baigiamas įkelti visas puslapis (įskaitant jo išteklius). Tai reiškia, kad galite naudoti šį įvykį, kad įsitikintumėte, jog puslapis yra visiškai įkeltas, prieš paleisdami bet kokį kodą, kuris priklauso nuo puslapio turinio.
„ dokumentas.atsiuntimas ” įvykis yra panašus į window.onload, tačiau jis suaktyvinamas tik tada, kai baigiamas įkelti dokumento DOM (puslapio turinio struktūra). Tai reiškia, kad galite naudoti šį įvykį, kad įsitikintumėte, jog puslapio turinys yra visiškai įkeltas ir paruoštas manipuliuoti prieš paleidžiant bet kokį kodą.
Koks yra geriausias metodas?
Apskritai verta naudoti document.onload, o ne window.onload, jei prieš paleidžiant kodą reikia tik užtikrinti, kad puslapio turinys būtų visiškai įkeltas. Taip yra todėl, kad document.onload suaktyvės greičiau nei windows.onload, o tai gali pagerinti kodo našumą. Tačiau, jei prieš paleisdami kodą turite įsitikinti, kad puslapio ištekliai (pvz., vaizdai ir stiliaus lentelės) yra visiškai įkelti, turėtumėte naudoti windows.onload.
Kaip „JavaScript“ naudoti window.onload ir document.onload?
Pateiktame pavyzdyje pamatysime, kaip šie įvykiai identifikuoja dokumento įkėlimą ir lango įkėlimą prieš paleidžiant bet kokį kodą.
Skambinti „ dokumentas.atsiuntimas “ įvykis, informuojantis, kad dokumentas įkeltas naudojant įspėjimo () pranešimą:
dokumentas. įkėlimas = budrus ( 'document_load' ) ;Skambinti „ langas.atsiuntimas “ įvykį ir priskirkite jam gautą įspėjimo () metodo pranešimą:
langas. įkėlimas = budrus ( 'lango_atsiuntimas' ) ;
Kaip matote, kai puslapis atnaujinamas, įkeliamas pirmasis dokumentas, o tada, kai baigiamas įkelti visas puslapis, iškviečiamas lango įkėlimo metodas:
Tai viskas apie windows.onload ir document.onload įvykius „JavaScript“.
Išvada
„ langas.atsiuntimas “ ir „ dokumentas.atsiuntimas “ yra du „JavaScript“ įvykiai, siekiant užtikrinti, kad visas puslapis būtų įkeltas prieš vykdant bet kokį kodą. Document.onload suaktyvės greičiau nei windows.onload, todėl gali pagerėti kodo našumas. Šis tinklaraštis parodė skirtumą tarp window.onload ir document.onload JavaScript.