Question

JavaScript 代码执行顺序问题

$(document).ready(function() {
var image = document.getElementById("cover");
image.src = "xx.jpg" ;
image.onload = image_size;
});
$(window).resize(function(){
image_size();
});
function image_size(){
var image = document.getElementById("cover");
var window_w = document.documentElement.clientWidth;
var factor = window_w>800? 3:2;
var bili = window_w / factor / image.width;
image.style.marginLeft = (window_w / (factor===2? 4:3))+"px";
image.height *= bili;
image.width = window_w / factor;

}

以上代码 在IE或百度浏览器中测试 20次中或许有一次 图片的样式为未设置（图片显示 但大小 边距未设置）
这个问题和什么有关？ 我应该怎么改？
我不缺积分 如果你说的和这个没有关系 我是不会采纳的

Answer 1

image.src = "xx.jpg" ;
image.onload = image_size;
我猜想可能是这两行代码顺序造成的，有时候刷新页面，浏览器会尝试从缓存中读取图片，
这时候有的浏览器不会走onload事件，可以试试把这两行代码顺序换一下，先绑定onload事件，再给src赋值。
另外代码中有个优化点，就是对resize方法使用函数节流。

追问

谢谢 不过函数节流是什么？

Answer 2

可能是因为你的页面还没有加载好的时候你就调用了resize()方法，你把你的$(window).resize(function(){
image_size();
});也写在$(document).ready()里面
希望可以帮到你

追问

谢谢 不过可能楼下对我的帮助更大