How to determine if a page has been fully rendered using jQuery?

Question

When using $(document).ready(functioon(){alert("Loaded.")}); a pop-up window appears with the words "Downloaded". even before , the page is fully loaded (in other words, it is still loading, like images).

Any thoughts?

Answer 1

 $(window).on('load', function() { //everything is loaded });
$(window).on('load', function() { //everything is loaded }); 

Answer 2

Try instead .load ().

 $(document).load(function () { alert('Loaded'); } 

A load event is dispatched to an element when it and all sub-elements have been fully loaded. http://api.jquery.com/load-event/

Answer 3

Using javascript

  window.onload = function () { alert("loaded"); } 

Answer 4

Here you can find out more about this. https://github.com/codef0rmer/learn.jquery.com/blob/master/content/jquery-basics/document-ready.md