html的循环代码如何写

本篇内容主要讲解"html的循环代码如何写"，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习"html的循环代码如何写"吧!

1.首先我们新建个 .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(){     var oList = document.getElementById('list01');     var aLi = oList.getElementsByTagName('li');     for (var i = 0; i < aLi.length; i++) {         if(i % 2 == 0){             aLi[i].style.background = 'gold';         }     }     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的循环代码如何写"有了更深的了解，不妨来实际操作一番吧！这里是网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！