jQuery doesn't return proper body height on document load - Their bug or mine?

Question

When I use

$(document).ready(function() {
 var bodyHeight = $(\"body\").height();
 console.log(bodyHeight);
});

I get a really wack number

Answer 1

The document.ready event fires after the DOM has loaded but before the page has fully rendered. If you want to get the correct height, you should try the window.load event which fires after all images and objects have been loaded and the page has been rendered:

$(window).load(function() {
    var bodyHeight = $("body").height();
});