浏览器ui线程的一个小疑问？
今天读到《高性能JavaScript》中的关于ui线程的章节，里面说到里ui队列，然后我的疑问就来了。代码：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题</title>
</head>
<body>
<script type="text/javascript">
var div =document.createElement('div');
div.innerHTML = '我是div';
document.body.appendChild(div);
if(document.getElementsByTagName('div')[0]){
console.log('有');
}else{
console.log('无');
}
</script>
</body>
</html>
按照书上说的，这段代码应该会产生一个新的ui更新，即document.body.appendchild，并且会被添加到ui队列中。。当脚本全部执行完成后，才会执行ui更新。。那么，appenChild后面的代码，为什么会执行console.log(‘有’),而不是 ‘无’ 呢。。
1 回复
