<!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>
2 回答
慕哥6287543
TA贡献1831条经验 获得超10个赞
在一个js程序线程执行过程中，页面内容是不会更新渲染的。
只有当js程序线程执行结束，页面内容才会更新渲染。
不过，在ie浏览器或者低版本的谷歌浏览器中alert()弹出对话框时也会更新渲染，但高版本的谷歌浏览器不会这样
添加回答
举报
0/150
提交
取消