இந்த வலைப்பதிவு JavaScript இல் window.onload மற்றும் document.onload ஆகியவற்றுக்கு இடையேயான வித்தியாசத்தை விளக்குகிறது.
JavaScript இல் window.onload vs document.onload
' window.onload ” முழுப் பக்கமும் (அதன் ஆதாரங்கள் உட்பட) ஏற்றப்படும் போது நிகழ்வு நீக்கப்படும். அதாவது, பக்கத்தின் உள்ளடக்கத்தை நம்பியிருக்கும் எந்தக் குறியீட்டையும் இயக்கும் முன், பக்கம் முழுமையாக ஏற்றப்பட்டிருப்பதை உறுதிசெய்ய இந்த நிகழ்வைப் பயன்படுத்தலாம்.
' document.onload ” நிகழ்வு window.onload போன்றது, ஆனால் ஆவணத்தின் DOM (பக்கத்தின் உள்ளடக்கத்தின் அமைப்பு) ஏற்றப்படும் போது மட்டுமே அது இயங்கும். எந்தவொரு குறியீட்டையும் இயக்கும் முன் பக்கத்தின் உள்ளடக்கம் முழுமையாக ஏற்றப்பட்டிருப்பதையும் கையாளுவதற்குத் தயாராக இருப்பதையும் உறுதிப்படுத்த இந்த நிகழ்வைப் பயன்படுத்தலாம் என்பதை இது குறிக்கிறது.
பின்பற்ற சிறந்த அணுகுமுறை என்ன?
பொதுவாக, உங்கள் குறியீட்டை இயக்கும் முன் பக்கத்தின் உள்ளடக்கம் முழுமையாக ஏற்றப்பட்டிருப்பதை மட்டும் உறுதிசெய்ய வேண்டும் என்றால் window.onloadக்குப் பதிலாக document.onload ஐப் பயன்படுத்துவது நல்லது. ஏனென்றால், document.onload ஆனது window.onload ஐ விட வேகமாக இயங்கும், இது உங்கள் குறியீட்டின் செயல்திறனை மேம்படுத்தும். இருப்பினும், உங்கள் குறியீட்டை இயக்கும் முன் பக்கத்தின் ஆதாரங்கள் (படங்கள் மற்றும் ஸ்டைல்ஷீட்கள் போன்றவை) முழுமையாக ஏற்றப்பட்டிருப்பதை உறுதிசெய்ய வேண்டும் என்றால், அதற்கு பதிலாக window.onload ஐப் பயன்படுத்தவும்.
JavaScript இல் window.onload vs document.onload எப்படி பயன்படுத்துவது?
கொடுக்கப்பட்ட எடுத்துக்காட்டில், எந்த குறியீட்டை இயக்கும் முன் இந்த நிகழ்வுகள் ஆவண ஏற்றத்தையும் சாளர சுமையையும் எவ்வாறு அடையாளம் காணும் என்பதைப் பார்ப்போம்.
அழை' document.onload ”ஒரு எச்சரிக்கை() செய்தியைப் பயன்படுத்தி ஆவணம் ஏற்றப்பட்டதாக உங்களுக்குத் தெரிவிக்கும் நிகழ்வு:
ஆவணம். ஏற்று = எச்சரிக்கை ( 'document_onload' ) ;அழை' window.onload ” நிகழ்வு மற்றும் அதன் விளைவாக ஒரு எச்சரிக்கை() முறையின் செய்தியை ஒதுக்கவும்:
ஜன்னல். ஏற்று = எச்சரிக்கை ( 'window_onload' ) ;
நீங்கள் பார்க்க முடியும் என, பக்கம் புதுப்பிக்கப்படும் போது, முதல் ஆவணம் ஏற்றப்படும், பின்னர் முழு பக்கமும் ஏற்றப்படும் போது சாளர ஆன்லோட் முறை செயல்படுத்தப்படும்:
ஜாவாஸ்கிரிப்டில் உள்ள window.onload மற்றும் document.onload நிகழ்வுகளைப் பற்றியது அவ்வளவுதான்.
முடிவுரை
' window.onload 'மற்றும்' document.onload ” என்பது இரண்டு JavaScript நிகழ்வுகளாகும் document.onload ஆனது window.onload ஐ விட வேகமாக இயங்கும், இது குறியீட்டின் செயல்திறனை மேம்படுத்தும். இந்த வலைப்பதிவு ஜாவாஸ்கிரிப்டில் window.onload மற்றும் document.onload இடையே உள்ள வித்தியாசத்தை விளக்குகிறது.