JavaScript：使用getComputedStyle（）获取图像的大小

Question

我目前正在遇到一个'奇怪的问题'...我是JavaScript的初学者，我想获得图像的高度以便设置a的大小。

1. 我得到了屏幕的宽度
2. 我设置的图像宽度取决于屏幕尺寸 =＆GT;我猜计算机也设置了图像的高度。
3. 我要求图片的高度
4. 我打印

这是代码：

var screenWidth = (window.innerWidth);  
myImg.width = Math.floor(screenWidth/3); // That works, my image is sized well.  
var imgLarg = getComputedStyle(myImg,null).height.toLowerCase()  
console.log(imgLarg); 

问题如下：当我通过网址重新加载页面来刷新页面时，它可以工作。但是，当我按下刷新按钮时，代码返回'0px'。

Answer 1

将代码包装在document.ready中（如果使用jquery）或者监听DOMContentLoaded。在获取尺寸之前，请等待图像完全加载。如果您使用jquery或.load，请使用Image.onload()。

http://api.jquery.com/ready/
http://api.jquery.com/load/
http://developer.mozilla.org/En/XUL/Attribute/Onload