<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool教程(w3cschool.cn)</title>
</head>
<body>
<p>点击按钮循环代码5次。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x="";
for (var i=0;i<5;i++){
x=x+"该数字为 " + i + "<br>";
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>
//里面的 x=x+"该数字为 " + i + "<br>"; 为什么要在前面加个 x+
2019-03-29
因为这段代码里是把所有需要显示的文本放在x这一个变量里的，代码里for循环：
for (var i=0;i<5;i++){
x=x+"该数字为 " + i + "<br>";
}是循环给x变量追加文本，直到循环结束后再通过innerHTML直接把值给到id为demo的p元素来显示：
document.getElementById("demo").innerHTML=x;如果你想把x+去掉也可以，只是文本输出的方式和位置也要换一下，要换在for循环里，每个循环输出一次，如将函数myFunction里内容替换为：
var x="";
for (var i=0;i<5;i++){
x="该数字为 " + i + "<br>";
document.write(x);
}这样就可以就可以达到同样的效果，只是document.write会把函数调用前的页面全部覆盖掉，所以还是原来那种方式比较好。
举报
