display HTML page after loading complete

Question

Is there a way to force the browser to display a page only after all of the page\'s contents are completely loaded (such as images, scripts, css, etc)?

Answer 1

Hide the body initially, and then show it with jQuery after it has loaded.

body {
    display: none;
}

$(function () {
    $('body').show();
}); // end ready

Also, it would be best to have $('body').show(); as the last line in your last and main .js file.