while循環
while 語句與 if 語句相似，都有條件來控制語句（或語句塊）的執行，其語言結構基本相同：
while(conditions){
statements;
}
while 語句與 if 語句的不同之處在於：在if條件假設語句中，若邏輯條件表達式為真，則運行statements語句（或語句塊），且僅運行一次；while 循環語句則是在邏輯條件表達式為真的情況下，反復執行循環體內包含的語句（或語句塊）。
注意：while語句的循環變量的賦值語句在循環體前，循環變量更新則放在循環體內；for循環語句的循環變量賦值和更新語句都在for后面的小括號中，在編程中應注意二者的區別。
【例3-5】用while()循環來計算1+2+3 ... +98+99+100的值：
代碼如下 復制代碼
<html>
<head>
<title>計算1+2+3 ... +98+99+100的值</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
var total=0;
var i=1;
while(i<=100){
total+=i;
i++;
}
alert(total);
</script>
</body>
</html>
在某些情況下，while循環大括號內的statements語句（或語句塊）可能一次也不被執行，因為對邏輯條件表達式的運算在執行statements語句（或語句塊）之前。若邏輯條件表達式運算結果為假，則程序直接跳過循環而一次也不執行statements語句（或語句塊）。
do...while循環
若希望至少執行一次statements語句（或語句塊），可改用do…while語句，其基本語法結構如下：
do { www.111cn.net
statements;
}while(condition);
【例3-6】用do-while()循環來計算1+2+3 ... +98+99+100的值：
代碼如下 復制代碼
<html>
<head>
<title>計算1+2+3 ... +98+99+100的值</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
var total=0;
var i=1;
do{
total+=i;
i++;
}while(i<=100);
alert(total);
</script>
</body>
</html>
for、while、do…while三種循環語句具有基本相同的功能，在實際編程過程中，應根據實際需要和本着簡單易懂的原則來選擇循環語句。
do while實例
代碼如下 復制代碼
<html>
<head>
<title> www.111cn.net 一個使用到do...while循環的Javascript示例</title>
</head>
<body>
<p>
<script type="text/javascript">
i = 0
do
{
document.write( i + "<br>")
i++
}
while (i <= 5)
</script>
數字是 0
數字是 1
數字是 2
數字是 3
數字是 4
數字是 5
解釋：
i 等於 0。
循環首先會運行。
每循環一次，i 就會累加 1。
當 i 小於或等於 5 時，循環會繼續運行。
javascrpt while
代碼如下 復制代碼
<script type="text/javascript">
i = 0
while (i <= 5)
{
document.write("數字是 " + i)
document.write("<br>")
i++
}
</script>
數字是 0
數字是 1
數字是 2
數字是 3
數字是 4
數字是 5
解釋：
i 等於 0。
當 i 小於或等於 5 時，循環將繼續運行。
循環每運行一次，i 會累加 1。
Javascript示例代碼解釋：這個Javascript示例用到了do...while循環語句。
循環語句允許重復執行一行或數行代碼，do后面跟的是重復執行的代碼，while后面跟的是終止循環的條件。這個Javascript示例中，設一個變量為i，i初始值為0，i++表示每次重復執行后i的值就加1，終止循環條件為while (i <= 5)，也就是說，一旦i的值大於5，就終止循環。該示例中，重復循環的語句是while循環里面的document.write語句。
從上面的實例我們可以看出來關於js while ,do while 它們之間的區別。