admin管理员组

文章数量:1339474

How can I detect if the page is finished loading pletely? I say pletely because I tried putting an alert statement in the $(document).ready(function() code, but the alert statement happens before the wheel stops spinning in IE (After like 1.5 seconds, the wheel stops, and that's when the page is pletely loaded). (its the loading wheel you see in the top of IE9 where the tab is).

Thanks

How can I detect if the page is finished loading pletely? I say pletely because I tried putting an alert statement in the $(document).ready(function() code, but the alert statement happens before the wheel stops spinning in IE (After like 1.5 seconds, the wheel stops, and that's when the page is pletely loaded). (its the loading wheel you see in the top of IE9 where the tab is).

Thanks

  • javascript
  • jquery
  • html
Share Improve this question asked Sep 1, 2012 at 19:45 omegaomega 44k90 gold badges286 silver badges523 bronze badges 1
  • also you can put your function on particular element like <body onload='loadfunction()'> </body – Anant Dabhi Commented Sep 1, 2012 at 19:54
Add a ment  | 

6 Answers 6

Reset to default 4

You can use load method:

The load event fires at the end of the document loading process. At this point, all of the objects in the document are in the DOM, and all the images and sub-frames have finished loading.

$(window).load(function(){
    // ...
})

$(window).load(function() {
// do stuff 
});

Now use $(window).on('load', function(){ ...});

Below is deprecated and may give "Uncaught TypeError: a.indexOf is not a function" error

$(window).load(function() {
// do stuff 
});

Try using the window.onload event.

Try

$(window).load(function(){
    //....
});

The document ready event executes already when the HTML-Document is loaded and the DOM is ready, even if all the graphics haven’t loaded yet and the window load event executes a bit later when the plete page is fully loaded, including all frames, objects and images.

 $(document).ready(function(){});

Above function guarantees that the DOM is ready to be modified by javascript. It does not guarantees about the xhr request which are asynchronous in nature to load.SO there might be situation that some xhr request is happening and the spinner shows loading untill there is no http request in progress.

本文标签： javascriptjQueryHow to detect when page is finished loadingStack Overflow

版权声明：本文标题：javascript - jQuery - How to detect when page is finished loading? - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1743581726a2505827.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。