یہ بلاگ JavaScript میں window.onload اور document.onload کے درمیان فرق کو ظاہر کرے گا۔
جاوا اسکرپٹ میں window.onload بمقابلہ document.onload
' window.onload جب پورا صفحہ (اس کے وسائل سمیت) لوڈنگ مکمل کر لیتا ہے تو ایونٹ فائر کیا جاتا ہے۔ اس کا مطلب ہے کہ آپ اس ایونٹ کا استعمال اس بات کو یقینی بنانے کے لیے کر سکتے ہیں کہ صفحہ کے مواد پر انحصار کرنے والے کوڈ کو چلانے سے پہلے صفحہ مکمل طور پر لوڈ ہو جائے۔
' document.onload ” ایونٹ window.onload سے ملتا جلتا ہے، لیکن یہ صرف اس وقت فائر ہوتا ہے جب دستاویز کا DOM (صفحہ کے مواد کا ڈھانچہ) لوڈنگ مکمل کر لے۔ اس سے یہ ظاہر ہوتا ہے کہ آپ اس ایونٹ کا استعمال اس بات کو یقینی بنانے کے لیے کر سکتے ہیں کہ صفحہ کا مواد مکمل طور پر لوڈ ہو گیا ہے اور کسی بھی کوڈ کو چلانے سے پہلے ہیرا پھیری کے لیے تیار ہے۔
پیروی کرنے کا بہترین طریقہ کیا ہے؟
عام طور پر، window.onload کے بجائے document.onload استعمال کرنا اچھا خیال ہے اگر آپ کو صرف اس بات کو یقینی بنانا ہو کہ آپ کا کوڈ چلانے سے پہلے صفحہ کا مواد مکمل طور پر لوڈ ہے۔ اس کی وجہ یہ ہے کہ document.onload ایک window.onload سے زیادہ تیزی سے فائر کرے گا، جو آپ کے کوڈ کی کارکردگی کو بہتر بنا سکتا ہے۔ تاہم، اگر آپ کو اپنے کوڈ کو چلانے سے پہلے اس بات کا یقین کرنے کی ضرورت ہے کہ صفحہ کے وسائل (جیسے تصاویر اور اسٹائل شیٹس) مکمل طور پر لوڈ ہیں، تو آپ کو اس کے بجائے window.onload کا استعمال کرنا چاہیے۔
جاوا اسکرپٹ میں window.onload بمقابلہ document.onload کا استعمال کیسے کریں؟
دی گئی مثال میں، ہم دیکھیں گے کہ یہ واقعات کسی بھی کوڈ کو چلانے سے پہلے دستاویز کے بوجھ اور ونڈو لوڈ کی شناخت کیسے کرتے ہیں۔
کال کریں ' document.onload ' واقعہ جو آپ کو مطلع کرتا ہے کہ دستاویز ایک الرٹ() پیغام کے ذریعے لوڈ کی گئی ہے:
دستاویز لوڈ ہونے پر = الرٹ ( 'دستاویز_آن لوڈ' ) ;کال کریں ' window.onload ' ایونٹ اور اس کو الرٹ () طریقہ کا نتیجہ پیغام تفویض کریں:
کھڑکی لوڈ ہونے پر = الرٹ ( 'ونڈو_آن لوڈ' ) ;
جیسا کہ آپ دیکھ سکتے ہیں، جب صفحہ تازہ ہوجاتا ہے، تو پہلی دستاویز لوڈ کی جاتی ہے، اور پھر ونڈو آن لوڈ کا طریقہ استعمال کیا جاتا ہے جب پورا صفحہ لوڈنگ مکمل کر لیتا ہے:
یہ سب جاوا اسکرپٹ میں window.onload اور document.onload ایونٹس کے بارے میں ہے۔
نتیجہ
' window.onload 'اور' document.onload ” یہ یقینی بنانے کے لیے دو جاوا اسکرپٹ ایونٹس ہیں کہ کسی بھی کوڈ پر عمل کرنے سے پہلے مکمل صفحہ لوڈ ہو جائے۔ document.onload window.onload سے زیادہ تیزی سے فائر کرے گا، جو کوڈ کی کارکردگی کو بہتر بنا سکتا ہے۔ اس بلاگ نے JavaScript میں window.onload اور document.onload کے درمیان فرق کو ظاہر کیا۔