2013-03-22 7 views
18

यह शायद पहले से ही एक प्रश्न है, लेकिन मुझे यह नहीं मिल रहा है, क्योंकि प्रत्येक एकल खोज jQuery प्रश्नों को बदल देती है।

मैं तैयार होने वाले दस्तावेज़ से जुड़ने के लिए एक सिद्ध विधि की तलाश में हूं, जैसे jQuery की $(document).ready()। हालांकि, यह बहुत हल्का जावास्क्रिप्ट के साथ "आधुनिक ब्राउज़र केवल" पृष्ठ के लिए है, और मैं यहां jQuery लोड करने से बचना चाहता हूं।

क्या कोई मुझे सही दिशा में इंगित करेगा?

धन्यवाद! जब दस्तावेज़ पूरी तरह से पार्स किया गया है

+0

है। एक प्रश्न पोस्ट करने से पहले कृपया http://stackoverflow.com/questions/799981/document-ready-equivalent-without-jquery http://stackoverflow.com/questions/9899372/pure-javascript-equivalent-to-jquerys -ready-how-to-call-a-function-when- – rzr

+0

@rzr प्रश्न पढ़ें। मैंने प्रश्नों के पृष्ठों के माध्यम से खोज की, और जवाब खोजने में परेशानी थी। –

+1

@rzr इसके अतिरिक्त, आपके द्वारा लिंक किया गया प्रश्न केवल क्रॉस-ब्राउज़र समाधान प्रदान करता है, मैं एक विशिष्ट सबसेट ढूंढ रहा हूं। –

उत्तर

27
document.addEventListener('DOMContentLoaded', function() { 
    /* ... */ 
}); 

घटना "DOMContentLoaded" सक्रिय किए जाएंगे, कि स्टाइलशीट * और अतिरिक्त छवियों के बिना है। यदि आपको छवियों और स्टाइलशीट्स की प्रतीक्षा करने की आवश्यकता है, तो इसके बजाय "load" का उपयोग करें।

* केवल यह कई बार पहले से ही कहा गया है कि अगर <script> से पहले <link rel="stylesheet" ...>

+1

जब मैं कर सकता हूं तो मैं स्वीकार करूंगा - इसे प्लग इन करें, एक आकर्षण की तरह काम करता है! बहुत धन्यवाद। –

+1

@RandyHall: आपका स्वागत है। आप https://github.com/addyosmani/jquery.parts/blob/master/jquery.documentReady.js पर देख सकते हैं (यह एक jQuery प्लगइन नहीं है, लेकिन jQuery का एक स्वतंत्र हिस्सा है)। – Zeta

+1

window.addEventListener ('load') जाने का तरीका दिखता है: http://stackoverflow.com/questions/16404380/why-doesnt-document-addeventlistenerload-function-work-in-a-greasemonkey-s –

संबंधित मुद्दे