for循环中为什么内容不是一个一个的显示出来而是是一起出来的？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="text" id="t" value="" />
<input type="button" id="obtn" value="创建" onclick="text()" />
<div id="content">
</div>
<script type="text/javascript">
var i = 0;
function text() {
for(var i = 0; i < 10; i++) {
var div = document.createElement("div");
div.innerHTML = i;
document.getElementById("content").appendChild(div);
alert(i);
}
}
</script>
</body>
</html>
慕斯709654浏览 378回答 2
2回答
-
慕哥6287543
在一个js程序线程执行过程中，页面内容是不会更新渲染的。只有当js程序线程执行结束，页面内容才会更新渲染。不过，在ie浏览器或者低版本的谷歌浏览器中alert()弹出对话框时也会更新渲染，但高版本的谷歌浏览器不会这样
随时随地看视频慕课网APP
相关分类
JavaScript