js第二节-js当中for循环的应用

js当中for循环的应用

一、for的工作原理

    今天跟大家聊聊js中的for循环，当我们想向数组中添加0--10数字的时候，我们会这样写，var arr =[0,1,2,3,4,5,6,7,8,9,10], 可是如果要你添加从0---1000呢？你会怎么做，难道还是从0写到1000吗？这要累死人的节奏啊，这个时候，js中的for循环帮了您的一个大忙，看--> for(var i = 0;i <= 1000;i++){arr.push(i);}，这个就可以将数组动态的加入0--1000的数字。那么for循环怎么用，我们大致讲解一下，首先，①程序进入for括号里面第一个var i=0,这个是定义变量，就是告诉系统我们循环从哪个数开始，也就是从1开始，②接着程序进入for循环大括号部分，就是执行大括号里面的程序，这个程序，随你写了，你可以在里面操作你想要操作的部分。③再接着程序进入i++部分，就是表明i每次加1，这个时候等于2了，④然后紧接着程序去判断i是不是小于等于1000，如果满足就继续执行for大括号里面的内容，也就是上面的②和③部分，当发现条件i不满足③的时候，就跳出for循环了。

二、for循环的应用

案例一：for的图片生成应用

图1：加载时效果

图2：鼠标在上面滑落的时候出小图片

HTML和CSS代码:

JS代码:

上面这个小应用中，就用到了我们所说的for循环，希望没有js基础部分的同学呢，一定要好好领悟js中for循环的应用，顺便提一句，获取元素方式还有一个就是通过标签来获取，如上面的:var aDiv = oDiv.getElementsByTagName('div');这个是获取oDiv底下有多少个div元素，返回的是一个数组。希望大家注意一下。下一节，我们将会跟大家说说自定义属性和索引值这个基础概念，我还是一直强调，基础部分很重要，不要忽视基础部分。