我正在使用javascript中的图像高度,

我的代码:

<script>
    var  linkBg = 'http://imageshack.us/a/img24/5489/2013042200001.jpg';
    var bgimg = new Image();
        bgimg.src = linkBg;
        var bgHeight = bgimg.height;
        alert(bgHeight);
</script>


我的问题是:当我在Firefox上运行此脚本时,它返回图像的高度,但是在Chrome上它返回0。

我该如何仅使用不含Jquery的javascript来解决此问题,谢谢您的帮助!

最佳答案

您需要等待图像完全加载完毕,如下所示:

var imgHeight , imgWidth;
bgimg.onload = function() {
   imgHeight = bgimg.naturalHeight;
   imgWidth = bgimg.naturalWidth;
}

09-11 01:48