Javascript基礎(chǔ)教程之while語(yǔ)句
更新時(shí)間：2015年01月18日 14:14:45 投稿：hebedich
這篇文章主要介紹了Javascript基礎(chǔ)教程之while語(yǔ)句的相關(guān)資料,需要的朋友可以參考下
循環(huán)語(yǔ)句的作用是反復(fù)的執(zhí)行同一段代碼，盡管分幾種不同的類型，但其原理幾乎相同；只要給定的條件滿足，包含在循環(huán)體內(nèi)的語(yǔ)句會(huì)不斷執(zhí)行，一旦條件不再滿足則終止。
while循環(huán)是前測(cè)試循環(huán)，這意味著是否終止的條件判斷是在執(zhí)行代碼之前，因此，循環(huán)的主體可能根本不執(zhí)行。其語(yǔ)法如下：
while(expression) statement
當(dāng)expression為ture時(shí)，程序會(huì)不斷執(zhí)行statement語(yǔ)句，直到expression為false時(shí)。
兩個(gè)案例
復(fù)制代碼 代碼如下:
<script type="text/javascript">
var i=iSum=0;
while(i <= 100){
iSum += i;
i++;
};
document.write(iSum+"<br>"); //求100內(nèi)數(shù)字相加和
</script>
<p>點(diǎn)擊下面的按鈕，只要 i 小于 5 就一直循環(huán)代碼塊。</p>
<button onclick="myFunction()">點(diǎn)擊這里</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x="",i=0;
while (i<=10)
{
x=x + "The number is " + i + "<br>";
i++;
}
document.getElementById("demo").innerHTML=x;
}
</script>
相關(guān)文章
javascript學(xué)習(xí)筆記（一）基礎(chǔ)知識(shí)
本文是學(xué)習(xí)筆記系列的第一篇，跟以前一樣，介紹些基礎(chǔ)知識(shí)，包括js基本概念、 JScript 的變量、js的數(shù)據(jù)類型、3.JScript 的運(yùn)算符、js流程控制、js函數(shù)。有需要的朋友可以參考下2014-09-09
和其他很多解釋性語(yǔ)言一樣，JavaScript同樣可以解釋運(yùn)行由JavaScript源代碼組成的字符串，并產(chǎn)生一個(gè)值。JavaScript通過(guò)全局函數(shù)eval()來(lái)完成這個(gè)工作2013-08-08
JavaScript事件是所有網(wǎng)頁(yè)互動(dòng)性的根基。在傳統(tǒng)的事件處理中，事件處理器將有可能導(dǎo)致內(nèi)存泄露或者是性能下降,JavaScript事件代理則是一種簡(jiǎn)單的技巧，通過(guò)它你可以把事件處理器添加到一個(gè)父級(jí)元素上，這樣就避免了把事件處理器添加到多個(gè)子級(jí)元素上。2016-01-01
ajax不執(zhí)行success回調(diào)而是執(zhí)行了error回調(diào)
最近在看jQuery的API文檔，在使用到j(luò)Query的ajax時(shí)，如果指定了dataType為json，老是不執(zhí)行success回調(diào)，而是執(zhí)行了error回調(diào)函數(shù)，極度郁悶2012-12-12
對(duì)Js OOP編程 創(chuàng)建對(duì)象的一些全面理解
下面小編就為大家?guī)?lái)一篇對(duì)Js OOP編程 創(chuàng)建對(duì)象的一些全面理解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
細(xì)說(shuō)javascript函數(shù)從函數(shù)的構(gòu)成開(kāi)始
javascript函數(shù)是一個(gè)比較奇怪的東西，接觸一段時(shí)間你就會(huì)犯迷糊，我想從函數(shù)的構(gòu)成來(lái)細(xì)說(shuō)函數(shù)，這聽(tīng)起來(lái)像是一句廢話，講任何東西當(dāng)然是從構(gòu)成去談2013-08-08
javascript 學(xué)習(xí)筆記（四） 倒計(jì)時(shí)程序代碼
javascript 學(xué)習(xí)筆記（四） 倒計(jì)時(shí)程序代碼，需要的朋友可以參考下。2011-04-04
JavaScript 關(guān)于事件循環(huán)機(jī)制的刨析
js里的事件循環(huán)機(jī)制十分有趣。從很多面試題也可以看出來(lái)，考察簡(jiǎn)單的setTimeout也就是考察這個(gè)機(jī)制的，接下來(lái)本文帶你詳細(xì)了解它2021-11-11
JS簡(jiǎn)單實(shí)現(xiàn)登陸驗(yàn)證附效果圖
實(shí)現(xiàn)登陸驗(yàn)證的方法有很多，在本文為大家詳細(xì)介紹下使用js是如何做到的，下面有個(gè)不錯(cuò)的示例還有運(yùn)行截圖，喜歡的朋友可以嘗試操作下2013-11-11
css配合JavaScript實(shí)現(xiàn)tab標(biāo)簽切換效果
本篇文章我們給大家分享一個(gè)關(guān)于CSS配合JS實(shí)現(xiàn)的TAB標(biāo)簽切換效果，需要的朋友們可以測(cè)試下。2018-10-10