为什么我在不同的浏览器中获得两个不同的值

Question

我写了这段代码：

var i = new Image() 
i.src = 'http://img1.vued.vanthink.cn/vudeaW1naW4wOjExOjA5MjM5OjQ1.jpeg';
i.onload = function() {
  //  i.width = 1024;
    $(i).css('width',1025/2); $('body').append(i);
    alert(i.width);
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

当我运行它时（例如，在开发工具中），我在Safari中获得150，但在Chrome中获得513：

为什么？

Answer 1

似乎通过使用jQuery来挂接onload事件，就像你期望的那样

var i = new Image() 
$(i).css('width',1024/2);
$('body').append(i)
$(i).load(function()
{  
     alert($(i).width());     
});
i.src="55141873_46dbf53454_o.jpg";