html⽂件如何for循环,html循环代码怎么写?有⼏种循环语句?在互联⽹的热潮中,不断的涌现出很多的技术岗位。那么今天我们就来说下有关于“html循环代码怎么写?”这个问题吧!下⾯是⼩编的⼀些⽅法和代码,希望对⼤家有所帮助。
1.⾸先我们新建个 .html ⽂件在⽂件中输⼊下⾯这些代码就可以实现循环了,会⽐较的相对简单。代码如下:
循环的使⽤
var array1 = [1,4,2,5,7,8];
//遍历数据 利⽤下标的变化
for(var i=0;i
document.write(array1[i]+"
");
}
/
/for in循环
//数组的下标,从0到最后⼀个
for(var j in array1){
document.write(j+"
");
}
//语句块{}
{
var num = 2;
}
document.write(num+"
");
在代码中我们通过⽣成数组数据,在使⽤for循环进⾏遍历,我们来看下结果;截图如下:
我们看到在结果中数组按照f or循环⽣成⼀组数据。说明我们的循环语句成功了。
2.下⾯是⼀些有关于在 Html 中的⼏种循环语句。
(1)、while循环:
语法:w hile(条件表达式) { 语句... };w hile(条件表达式){
语句...
}
执⾏流程:w hile语句在执⾏时,先对条件表达式进⾏求值判断,如果值为t rue,则执⾏循环体,循环体执⾏完毕以后,继续对表达式进⾏判断如果为t rue,则继续执⾏循环体,以此类推 如果值为f alse,则终⽌循环
(2)、do...while循环:
语法:d o{ 语句... } while(条件表达式);d o{
语句...
}while(条件表达式)
执⾏流程:while语句在执⾏时,会先执⾏循环体,循环体执⾏完毕以后,在对w hile后的条件表达式进⾏判断,如果结果为t rue,则继续执⾏循环体,执⾏完毕继续判断以此类推如果结果为f alse,
则终⽌循环实际上这两个语句功能类似,不同的是w hile是先判断后执⾏,⽽do...while会先执⾏后判断,while可以保证循环体⾄少执⾏⼀次,⽽w hile不能
(3)、for循环:
在for循环中,为我们提供了专门的位置⽤来放三个表达式:初始化表达式、条件表达式、更新表达式。
语法: f or(初始化表达式、条件表达式、更新表达式){ 语句... };f or(初始化表达式;条件表达式;更新表达式){
语句...
}
执⾏流程:执⾏初始化表达式,初始化变量(初始化表达式只会执⾏⼀次)、执⾏条件表达式,判断是否执⾏循环。如果为t rue,则执⾏循环; 如果为f alse,终⽌循环;执⾏更新表达式,更新表达式执⾏完毕继续重复。
3.循环嵌套:
在我们使⽤循环的使⽤是可以互相嵌套的,我们来看下代码:load = function(){
var oList = ElementById('list01');
var aLi = ElementsByTagName('li');
for (var i = 0; i < aLi.length; i++) {
if(i % 2 == 0){
aLi[i].style.background = 'gold';网页设计html代码大全w3cschool
}
}
for(var j in aLi){
aLi[j].style.background = 'red';
}
/
/创建⼀个循环,往往需要三个步骤
//1.创初始化⼀个变量
var j = 0;
//2.在循环中设置⼀个条件表达式
while(j < aLi.length){
aLi[j].style.background = 'gold';
//3.定义⼀个更新表达式,每次更新初始化变量
j++;
}
这就是有关于嵌套循环的代码,⼤家可以作为参考。
总结:
以上就是有关于“html循环代码怎么写?有⼏种循环语句?”这个问题的⼀些相关内容,当然如果你有更好的想法也可以和⼤家⼀起分享学习,更多关于前端的内容我们都可以在W3cschool中学习和了解。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论