JavaScript快速上手之8:for 循环

来源:互联网 发布:数据分析师等级考试 编辑:程序博客网 时间:2024/05/01 12:51

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

2.代码:

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JavaScript</title> </head><body><!--以下是for 循环语句:1. for:循环代码块一定的次数2. for/in:循环遍历对象的属性 --> <!-- 范例一:for循环(循环代码5次) --><p>范例一:for循环(循环代码5次)</p><button onclick="fun1()">点击按钮</button><p id="demo1"></p><!-- 范例二:for/in循环 --><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.结果:


0 0
原创粉丝点击