पेज लोड होने के बाद लोड हो जावा स्क्रिप्ट

विज्ञापन
Run javascript only after entire page has loaded

यदि आपके ब्लॉग में बहुत सी जावा स्क्रिप्ट या कोई भारी जावा स्क्रिप्ट है और इसी कारण आपका ब्लॉग या वेबसाइट देर से खुलती है तो आपके लिए ख़ुश-ख़बरी है कि आप पहले पेज लोड कर सकते हैं और फिर उसके लोड होने के बाद आपकी जावा स्क्रिप्ट लोड होगी।

पेश है यह छोटा सा कोड

$(window).bind("load", function() {
   // code here
});

उदाहरण इसे कैसे प्रयोग किया जाता है

<script type="text/javascript">
//<![CDATA[
$(window).bind("load", function() {
$(document).ready(function(){
var newerLink = $(&quot;a.blog-pager-newer-link&quot;).attr(&quot;href&quot;);
$(&quot;a.blog-pager-newer-link&quot;).load(newerLink+&quot; .post-title:first&quot;, function() {
var newerLinkTitle = $(&quot;a.blog-pager-newer-link&quot;).text();
$(&quot;a.blog-pager-newer-link&quot;).text(&quot;< &quot; + newerLinkTitle);
});
var olderLink = $(&quot;a.blog-pager-older-link&quot;).attr(&quot;href&quot;);
$(&quot;a.blog-pager-older-link&quot;).load(olderLink+&quot; .post-title:first&quot;, function() {
var olderLinkTitle = $(&quot;a.blog-pager-older-link&quot;).text();
$(&quot;a.blog-pager-older-link&quot;).text(olderLinkTitle + &quot; >&quot;);//rgt
});
});
});
//]]>
</script>

उपरोक्त कोड की पहली लाइन और 18 वीं लाइन के बीच जावा स्क्रिप्ट को इमेड करने के लिए रखा जाता है।
दूसरी लाइन और 17 वीं लाइन पर ध्यान न दें। अब तीसरी और 16 वीं लाइनें वही हैं जिनके बीच वास्तविक एक्जीक्यूट होने वाला कोड रखा गया है। उदाहरण भी पेज के लोड होने के बाद ही दिखता है, यही इस कोड का प्रभाव है।

Previous articleपेज नेविगेशन में अगली-पिछली पोस्ट का शीर्षक दिखायें
Next articleBlueBird Pro – मुफ़्त ब्लॉगर टेम्पलेट – Free Blogger Template
Founder, Tech Prevue. Doing Pro Blogging Since 2008.

LEAVE A REPLY

Please enter your comment!
Please enter your name here