您的位置：首页 > Web前端 > JavaScript

JavaScript快速上手之8：for 循环

2016-11-09 12:12 766 查看

1.目的：了解for循环的使用方法

2.代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript</title>
</head>
<body>




<p>范例一：for循环(循环代码5次)</p>
<button onclick="fun1()">点击按钮</button>
<p id="demo1"></p>


<p>范例二：for/in循环(循环遍历对象 "person" 的属性)</p>
<button onclick="fun2()">点击按钮</button>
<p id="demo2"></p>

<script>
//范例一：for循环(循环代码5次)
function fun1()
{
var x="";
for (var i=0;i<5;i++){
x=x + "该数字为 " + i + "<br>";
}
document.getElementById("demo1").innerHTML=x;
}

//范例二：for/in循环(循环遍历对象 "person" 的属性)
function fun2()
{
var x;
var txt="";
var person={fname:"Bill",lname:"Gates",age:60};
for (x in person){
txt=txt + person[x];
}
document.getElementById("demo2").innerHTML=txt;
}

</script>

</body>
</html>
3.结果：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航