html的循环代码如何写
本篇内容主要讲解“html的循环代码如何写”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“html的循环代码如何写”吧!
1.首先我们新建个 .html 文件在文件中输入下面这些代码就可以实现循环了,会比较的相对简单。代码如下:
<html><headlang="en"><metacharset="UTF-8"><title>循环的使用</title><scripttype="text/javascript">vararray1=[1,4,2,5,7,8];//遍历数据利用下标的变化for(vari=0;i<array1.length;i++){document.write(array1[i]+"<br/>");}//forin循环//数组的下标,从0到最后一个for(varjinarray1){document.write(j+"<br/>");}//语句块{}{varnum=2;}document.write(num+"<br/>");</script></head><body></body></html>
在代码中我们通过生成数组数据,在使用for循环进行遍历,我们来看下结果;截图如下:
我们看到在结果中数组按照for
循环生成一组数据。说明我们的循环语句成功了。
2.下面是一些有关于在 Html 中的几种循环语句。
(1)、while循环:
语法:while(条件表达式) { 语句... };
while(条件表达式){语句...}
执行流程:while
语句在执行时,先对条件表达式进行求值判断,如果值为true
,则执行循环体,循环体执行完毕以后,继续对表达式进行判断如果为true
,则继续执行循环体,以此类推 如果值为false
,则终止循环
(2)、do...while循环:
语法:do{ 语句... } while(条件表达式);
do{语句...}while(条件表达式)
执行流程:do...while
语句在执行时,会先执行循环体,循环体执行完毕以后,在对while
后的条件表达式进行判断,如果结果为true
,则继续执行循环体,执行完毕继续判断以此类推如果结果为false
,则终止循环实际上这两个语句功能类似,不同的是while
是先判断后执行,而do...while
会先执行后判断,do...while
可以保证循环体至少执行一次,而while
不能
(3)、for循环:
在for循环中,为我们提供了专门的位置用来放三个表达式:初始化表达式、条件表达式、更新表达式。
语法: for(初始化表达式、条件表达式、更新表达式){ 语句... };
for(初始化表达式;条件表达式;更新表达式){语句...}
执行流程:执行初始化表达式,初始化变量(初始化表达式只会执行一次)、执行条件表达式,判断是否执行循环。如果为true
,则执行循环; 如果为false
,终止循环;执行更新表达式,更新表达式执行完毕继续重复。
3.循环嵌套:
在我们使用循环的使用是可以互相嵌套的,我们来看下代码:
window.onload=function(){varoList=document.getElementById('list01');varaLi=oList.getElementsByTagName('li');for(vari=0;i<aLi.length;i++){if(i%2==0){aLi[i].style.background='gold';}}for(varjinaLi){aLi[j].style.background='red';}//创建一个循环,往往需要三个步骤//1.创初始化一个变量varj=0;//2.在循环中设置一个条件表达式while(j<aLi.length){aLi[j].style.background='gold';//3.定义一个更新表达式,每次更新初始化变量j++;}
到此,相信大家对“html的循环代码如何写”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。