జావాస్క్రిప్ట్‌లో window.onload vs document.onload

ఈ బ్లాగ్ JavaScriptలో window.onload మరియు document.onload మధ్య వ్యత్యాసాన్ని ప్రదర్శిస్తుంది.

జావాస్క్రిప్ట్‌లో window.onload vs document.onload

ది ' window.onload ” మొత్తం పేజీ (దాని వనరులతో సహా) లోడ్ చేయడం పూర్తయినప్పుడు ఈవెంట్ తొలగించబడుతుంది. పేజీ కంటెంట్‌పై ఆధారపడే ఏదైనా కోడ్‌ని అమలు చేయడానికి ముందు పేజీ పూర్తిగా లోడ్ చేయబడిందని నిర్ధారించుకోవడానికి మీరు ఈ ఈవెంట్‌ను ఉపయోగించవచ్చని దీని అర్థం.

ది ' document.onload ” ఈవెంట్ window.onload మాదిరిగానే ఉంటుంది, అయితే ఇది పత్రం యొక్క DOM (పేజీ యొక్క కంటెంట్ యొక్క నిర్మాణం) లోడ్ అవడం పూర్తయినప్పుడు మాత్రమే కాల్పులు జరుపుతుంది. ఏదైనా కోడ్‌ని అమలు చేయడానికి ముందు పేజీ యొక్క కంటెంట్ పూర్తిగా లోడ్ చేయబడిందని మరియు తారుమారు చేయడానికి సిద్ధంగా ఉందని నిర్ధారించుకోవడానికి మీరు ఈ ఈవెంట్‌ను ఉపయోగించవచ్చని ఇది సూచిస్తుంది.

అనుసరించడానికి ఉత్తమమైన విధానం ఏమిటి?

సాధారణంగా, మీ కోడ్‌ని అమలు చేయడానికి ముందు పేజీ కంటెంట్ పూర్తిగా లోడ్ చేయబడిందని మీరు నిర్ధారించుకోవాల్సిన అవసరం ఉన్నట్లయితే window.onloadకి బదులుగా document.onloadని ఉపయోగించడం మంచిది. మీ కోడ్ పనితీరును మెరుగుపరచగల window.onload కంటే డాక్యుమెంట్.ఆన్‌లోడ్ వేగంగా కాల్పులు జరుపుతుంది. అయితే, మీరు మీ కోడ్‌ని అమలు చేయడానికి ముందు పేజీ యొక్క వనరులు (చిత్రాలు మరియు స్టైల్‌షీట్‌లు వంటివి) పూర్తిగా లోడ్ అయ్యాయని నిర్ధారించుకోవాల్సిన అవసరం ఉంటే, మీరు బదులుగా window.onloadని ఉపయోగించాలి.

జావాస్క్రిప్ట్‌లో window.onload vs document.onload ఎలా ఉపయోగించాలి?

ఇచ్చిన ఉదాహరణలో, ఏదైనా కోడ్‌ని అమలు చేయడానికి ముందు ఈ ఈవెంట్‌లు డాక్యుమెంట్ లోడ్ మరియు విండో లోడ్‌ను ఎలా గుర్తిస్తాయో చూద్దాం.

కాల్ చేయండి' document.onload ”అలర్ట్() సందేశాన్ని ఉపయోగించి పత్రం లోడ్ చేయబడిందని మీకు తెలియజేసే ఈవెంట్:

కాల్ చేయండి' window.onload ” ఈవెంట్ మరియు దానికి ఒక హెచ్చరిక() పద్ధతి యొక్క ఫలిత సందేశాన్ని కేటాయించండి:

మీరు చూడగలిగినట్లుగా, పేజీని రిఫ్రెష్ చేసినప్పుడు, మొదటి పత్రం లోడ్ చేయబడుతుంది, ఆపై మొత్తం పేజీ లోడ్ చేయడం పూర్తయినప్పుడు విండో ఆన్‌లోడ్ పద్ధతి అమలు చేయబడుతుంది:

జావాస్క్రిప్ట్‌లోని window.onload మరియు document.onload ఈవెంట్‌ల గురించి అంతే.

ముగింపు

ది ' window.onload 'మరియు' document.onload ” ఏదైనా కోడ్‌ని అమలు చేయడానికి ముందు పూర్తి పేజీ లోడ్ అవుతుందని నిర్ధారించుకోవడానికి రెండు జావాస్క్రిప్ట్ ఈవెంట్‌లు. window.onload కంటే document.onload వేగంగా పని చేస్తుంది, ఇది కోడ్ పనితీరును మెరుగుపరుస్తుంది. ఈ బ్లాగ్ JavaScriptలో window.onload మరియు document.onload మధ్య వ్యత్యాసాన్ని ప్రదర్శించింది.