免費(fèi)AI編程助手
在互聯(lián)網(wǎng)的熱潮中，不斷的涌現(xiàn)出很多的技術(shù)崗位。那么今天我們就來說下有關(guān)于“html循環(huán)代碼怎么寫？”這個(gè)問題吧！下面是小編的一些方法和代碼，希望對(duì)大家有所幫助。
1.首先我們新建個(gè) .html 文件在文件中輸入下面這些代碼就可以實(shí)現(xiàn)循環(huán)了，會(huì)比較的相對(duì)簡(jiǎn)單。代碼如下：
<html>
<head lang="en">
<meta charset="UTF-8">
<title>循環(huán)的使用</title>
<script type="text/javascript">
var array1 = [1,4,2,5,7,8];
//遍歷數(shù)據(jù) 利用下標(biāo)的變化
for(var i=0;i<array1.length;i++){
document.write(array1[i]+"<br/>");
}
//for in循環(huán)
//數(shù)組的下標(biāo)，從0到最后一個(gè)
for(var j in array1){
document.write(j+"<br/>");
}
//語句塊{}
{
var num = 2;
}
document.write(num+"<br/>");
</script>
</head>
<body>
</body>
</html>在代碼中我們通過生成數(shù)組數(shù)據(jù)，在使用for循環(huán)進(jìn)行遍歷，我們來看下結(jié)果；截圖如下：
我們看到在結(jié)果中數(shù)組按照?for?循環(huán)生成一組數(shù)據(jù)。說明我們的循環(huán)語句成功了。
2.下面是一些有關(guān)于在 Html 中的幾種循環(huán)語句。
(1)、while循環(huán)：
語法：?while(條件表達(dá)式) { 語句... }；?
while(條件表達(dá)式){
語句...
}執(zhí)行流程：?while?語句在執(zhí)行時(shí)，先對(duì)條件表達(dá)式進(jìn)行求值判斷，如果值為?true?，則執(zhí)行循環(huán)體，循環(huán)體執(zhí)行完畢以后，繼續(xù)對(duì)表達(dá)式進(jìn)行判斷如果為?true?，則繼續(xù)執(zhí)行循環(huán)體，以此類推 如果值為?false?，則終止循環(huán)
(2)、do...while循環(huán)：
語法：?do{ 語句... } while(條件表達(dá)式)；?
do{
語句...
}while(條件表達(dá)式)
執(zhí)行流程：?do...while?語句在執(zhí)行時(shí)，會(huì)先執(zhí)行循環(huán)體，循環(huán)體執(zhí)行完畢以后，在對(duì)?while?后的條件表達(dá)式進(jìn)行判斷，如果結(jié)果為?true?，則繼續(xù)執(zhí)行循環(huán)體，執(zhí)行完畢繼續(xù)判斷以此類推如果結(jié)果為?false?，則終止循環(huán)實(shí)際上這兩個(gè)語句功能類似，不同的是?while?是先判斷后執(zhí)行，而?do...while?會(huì)先執(zhí)行后判斷，?do...while?可以保證循環(huán)體至少執(zhí)行一次，而?while?不能
(3)、for循環(huán)：
在for循環(huán)中，為我們提供了專門的位置用來放三個(gè)表達(dá)式：初始化表達(dá)式、條件表達(dá)式、更新表達(dá)式。
語法： ?for(初始化表達(dá)式、條件表達(dá)式、更新表達(dá)式){ 語句... }；?
for(初始化表達(dá)式;條件表達(dá)式;更新表達(dá)式){
語句...
}執(zhí)行流程：執(zhí)行初始化表達(dá)式，初始化變量（初始化表達(dá)式只會(huì)執(zhí)行一次）、執(zhí)行條件表達(dá)式，判斷是否執(zhí)行循環(huán)。如果為?true?，則執(zhí)行循環(huán)； 如果為?false?，終止循環(huán)；執(zhí)行更新表達(dá)式，更新表達(dá)式執(zhí)行完畢繼續(xù)重復(fù)。
3.循環(huán)嵌套：
在我們使用循環(huán)的使用是可以互相嵌套的，我們來看下代碼：
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';
}
//創(chuàng)建一個(gè)循環(huán)，往往需要三個(gè)步驟
//1.創(chuàng)初始化一個(gè)變量
var j = 0;
//2.在循環(huán)中設(shè)置一個(gè)條件表達(dá)式
while(j < aLi.length){
aLi[j].style.background = 'gold';
//3.定義一個(gè)更新表達(dá)式，每次更新初始化變量
j++;
}這就是有關(guān)于嵌套循環(huán)的代碼，大家可以作為參考。
總結(jié)：
以上就是有關(guān)于“html循環(huán)代碼怎么寫？有幾種循環(huán)語句？”這個(gè)問題的一些相關(guān)內(nèi)容，當(dāng)然如果你有更好的想法也可以和大家一起分享學(xué)習(xí)，更多關(guān)于前端的內(nèi)容我們都可以在W3cschool中學(xué)習(xí)和了解。
