Question

javascript的获取新建Image对象的width第一次为0，刷新一次才行？

js代码如下
var img = new Image();

img.src = "test.jpg";

document.write(img.width);
第一次打开浏览器是0，刷新一次即可，研究了半天可能是缓存加载问题，与onload有关，请问如何获取图片加载完之后的正确width信息。感谢！

Answer 1

var img = new Image();
img.onload = function(){
document.write(img.width);
}
img.src = "test.jpg";

试试这样

追问

感谢，这样是可以显示的，但浏览器一直处于加载缓存状态，且我想把width值读到一个变量里，如下：
var t=0;
img.src = "image/1.jpg";
img.onload=function(){t=img.width;}
document.write(t);

这样写还是不行

追答

处于加载状态是不是因为图片太大了

2. 你要设置到某个变量里面你这样子写肯定是不行的，而且你上面的代码有个问题是：
a. onload的方法必须定义在赋值src之前
b.最后你document.write的时候有可能图片还没有加载完，所以t还是0

你需要做的是，把onload方法提前到赋值之前。

追问

图像不大，只有几十k，Image对象无法立即获取高度和宽度信息，就是不知道如何在图片加载完之后才获取其宽度或高度，再次感谢

追答

img.onload=function(){t=img.width;} 这句话不就是在加载完之后获取宽高么

追问

原以为是这样，但是并不行……

Answer 2

把函数写在body的onload事件里面呢

追问

感谢回答，这样可以，如上面那个兄弟给出的代码，但是得不到返回值