Ads (728x90)

Latest Post

Kesehatan

Tips

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 वीं लाइनें वही हैं जिनके बीच वास्तविक एक्जीक्यूट होने वाला कोड रखा गया है। उदाहरण भी पेज के लोड होने के बाद ही दिखता है, यही इस कोड का प्रभाव है।

Post a Comment