获取刷新时图像的高度

Question

我正在尝试使用 jquery 非常基本地获取图像的高度

$(document).ready(function() {
    alert($('#image').height());
})

。不过我很困惑。
如果我按 F5，我会得到以下结果：
火狐浏览器：383px
IE 8：30 像素
Chrome：0px

如果我通过链接转到该页面：
火狐浏览器：383px
IE 8：383px
Chrome: 383px

383 显然是正确的值。但为什么我在刷新时得到错误的值？

Answer 1

document.ready 在 DOM 加载后触发，但不一定在图像和 CSS 加载后触发。如果您在 window.onload 上运行该代码，您应该在各个浏览器中获得一致的结果。

尝试使用 jQuery 的 load 处理程序来代替：

$(window).load(function() {
    alert($('#image').height());
})

Answer 2

尝试等待图像完全加载

    var img = document.getElementById("image");
    img.onload = function () {
    alert($('#image').height());
    };

Answer 3

$(document).ready(function() {

    $('#image').bind("load", function() {
       alert($('#image').height());
    });

})