我正在使用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;
}