码迷,mamicode.com
首页 > 其他好文 > 详细

for循环

时间:2017-05-25 01:22:11      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:class   oct   length   html   ott   分享   func   text   line   

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循环

标签:class   oct   length   html   ott   分享   func   text   line   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!