最近在想一个有趣的问题,
$(function(){
for(var i=0; i< 10000; i++){
$(".test").append("<div>"+i +"</div>");
console.log($(document).height());
}
})
以上是一段javascript append 10000个 div的程式码,
在append后马上印出document的高,
不过在跑循环时,
画面还没有完成绘制,
可是他的高却一直有在变化,
想请问这是为什么呢?
绘制网页跟执行javascript是同个执行绪吗?
麻烦各位板大可以告诉我,
谢谢

重绘不一定要输出到银幕上阿，chrome是等js跑完再一并输出firefox看状况，不过大部分时候是跟fps同步spec压根儿没规定到这一块，所以别干这种傻事不对...firefox会同步也是少数状况而已如果用sync ajax时同时跑动画，ff会有，chrome会没画面完全是依实作而定

在.load以recursive function方式跑应该就可以了吧?

如果你要他同时输出到银幕，请用setTimeout之类跑

http://x.co/9RKAl 这篇文章讲得很完整