为什么不$(window).height(); 返回一个值,但$(document).height(); 呢？

Question

我正在尝试使用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();

});

Answer 1

你能试一下吗

$(window).load(function () { 

代替

$(document).ready(function () { 

看看它是否有效 如果你想得到窗户的大小,我想你必须等待窗口加载.