html怎布局for循环,网站前端，For循环

本节主要涉及：

forfor添加事件处理函数this自定义属性69开关

if对治疗选择恐惧症是非常好使的。

选择

if主要做的事情就是二选一

二选一

我们再来学习新东西：for大爷

for大爷来走几步

循环语句：for 写法：for( ; ; ){ }

生命一个变量 var i=0条件判断语句 i<5(非常重要，田间判断为真就会执行，为假就会提出循环)执行代码 for循环大括号里的代码变量的自增或自减 i++

1：变量的值 或i的值 for(var i=0;i<5;i++){alert(i);//01 2 3 4} alert(i); 5 在大括号里是 0 1 2 3 4 大括号外面5

2：在第二步中，条件语句一定要记得让条件不成立

小例子：

Document

img{

width:300px;

height: 270px;

}

var oVal = document.getElementById('val');

var oBtn1 = document.getElementById('btn1');

var arr = ['img/1.jpg','img/2.jpg','img/3.jpg','img/4.jpg','img/5.jpg'];

var str = '';

oBtn1.onclick = function(){

//oVal.innerHTML += ""

for (var i =0; i

str +='';

}

oVal.innerHTML = str;

};

for添加事件处理函数

获取元素的第二种方法：getElementById 是获取一个getElementByTagName 是获取一堆元素 会把元素放到数组里，通过数组下标来控制元素，即使只有一个元素，也需要加下标控制

var oUl = document.getElementById('ul1');

var aLi = oUl.getElementsByTAagName('li');

相当于css中 #ul1 li

小例子：

Document

• 1
• 2
• 3
• 4
• 5

var aLi = document.getElementsByTagName('li');

for( var i=0; i

aLi[i].onclick = function(){

alert(1);

};

}

希望上面的不给转码，如果转了的话，看这里：

var aLi = document.getElementsByTagName('li');

for( var i=0; i

aLi[i].onclick = function(){

alert(1);

};

}

this 函数(事件)的调用

函数 function(){} 匿名函数

function fn1(){} 命名函数 fn1就是函数名

函数就是用来干活的，函数什么时候干活 换句话说，函数什么时候执行

函数不调用就不会执行

函数的调用

事件调用例：1.aLi[0].onclick = function(){};2.aLi[i].onclick = fn1;

2.直接调用

函数名+(); 就会直接调用，不管在哪个位置，只要函数名加小括号()就会执行

this 指向 这个的意思

事件调用时，this指的就是时间前面的对象直接调用的时候，this永远指的是window

例子就不在这里写了，要写的话，比较多，兄弟们可以试着吧宝宝的这个效果写一下

开关

开关，通过布尔值的变化，让代码在if的货号和else的括号里进行切换执行

例子 看下百度的百度音乐

开关

收藏那里，试着写一下。

到此结束，支持加关注！

举报/反馈