为什么没有 $(window).height();返回一个值，但是 $(document).height();做？

我正在尝试使用 jQuery 来获取当前窗口高度。我打算用这个值设置一个变量，并在调整大小时更新该值。由于某种原因，$(window).height();总是返回零，但是 $(document).height();返回一个值。为什么会这样呢？

（为了简洁起见，代码片段）

$(document).ready(function () {

function drawGrid() {

    var context = document.getElementById("gridCanvas").getContext("2d");

    var height = $(window).height();
    var width = height/2/8;
    alert(height);

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

        // do some cool drawing stuff

    }

    drawGrid();

});

你能试一下吗

$(window).load(function () { 

代替

$(document).ready(function () { 

看看它是否有效。我认为如果你想获取窗口的大小，你必须等待窗口完成加载。