首页 > 其他 > 详细

for循环

时间:2017-05-25 00:55:33      阅读:328      评论:0      收藏:0      [点我收藏+]

for循环:

  var i = 0;

  for ( ; i<3; ) {

    alert(1);

    i++;

  }

循环顺序:

1) var i=0;

2) i<3; 关键!!!!
3) 括号里面的所有代码
4) i++

 

for(var i=0; i<3; i++){
  ……
}

 

做一个简单的循环题目:

  把数组arr[‘今天‘, ‘明天‘, ‘后天‘ ];里面的只值,循环输出到无序列表中

技术分享
 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 5 <title>无标题文档</title>
 6 <style>
 7 li { height:30px; border-bottom:1px solid #333; }
 8 </style>
 9 <script>
10 window.onload = function (){
11     var oUl = document.getElementById(‘list‘);
12     var aLi = oUl.getElementsByTagName(‘li‘);
13     var arr = [ ‘今天‘, ‘明天‘, ‘后天‘ ];
14     var len = arr.length;
15     
16     /*
17     aLi[0].onclick = function (){ alert(1); };
18     aLi[1].onclick = function (){ alert(1); };
19     aLi[2].onclick = function (){ alert(1); };
20     */
21     // aLi.onclick = function (){ alert(1); };
22     
23     for( var i=0; i<len; i++ ){
24     
25         aLi[i].innerHTML = arr[i];
26         
27         aLi[i].onclick = function (){
28             // alert(i);   i => 3
29         };
30     }
31 };
32 </script>
33 </head>
34 
35 <body>
36 
37 <ul id="list">
38     <li></li>
39     <li></li>
40     <li></li>
41 </ul>
42 
43 </body>
44 </html>
示例代码

 

for循环

原文:http://www.cnblogs.com/123wyy123wyy/p/6901590.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!