[問題] 瀏覽器畫面render的流程?
最近在想一個有趣的問題,
$(function(){
for(var i=0; i< 10000; i++){
$(".test").append("<div>"+i +"</div>");
console.log($(document).height());
}
})
以上是一段javascript append 10000個 div的程式碼,
在append後馬上印出document的高,
不過在跑迴圈時,
畫面還沒有完成繪製,
可是他的高卻一直有在變化,
想請問這是為什麼呢?
繪製網頁跟執行javascript是同個執行緒嗎?
麻煩各位板大可以告訴我,
謝謝
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.115.199.31
※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1430822536.A.1CB.html
→
05/05 18:56, , 1F
05/05 18:56, 1F
→
05/05 18:57, , 2F
05/05 18:57, 2F
→
05/05 18:57, , 3F
05/05 18:57, 3F
→
05/05 18:58, , 4F
05/05 18:58, 4F
→
05/05 18:59, , 5F
05/05 18:59, 5F
→
05/05 19:00, , 6F
05/05 19:00, 6F
→
05/05 19:01, , 7F
05/05 19:01, 7F
→
05/05 23:21, , 8F
05/05 23:21, 8F
→
05/06 01:08, , 9F
05/06 01:08, 9F
推
05/06 07:32, , 10F
05/06 07:32, 10F
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章
