JS基于for語句編寫的九九乘法表示例
本文實(shí)例講述了JS基于for語句編寫的九九乘法表。分享給大家供大家參考，具體如下：
js的功能非常強(qiáng)大,那么現(xiàn)在我們就用js里面的for循環(huán)來輸出一個原汁原味的九九乘法表;
先看運(yùn)行效果：
核心代碼如下：
<script type="text/javascript">
document.write('<table border="1" bgcolor="#ccc" width="80%" cellpadding="0" cellspacing="0">');
for(var i=1;i<=9;i++){
document.write('<tr>');
for(var j=1;j<=i;j++){
document.write('<td>'+i+'x'+j+'='+(i*j)+'</td>');
}
document.write('</tr>');
}
document.write('</table>');
</script>
大家可以試著去走一下循環(huán),我們把九九乘法表的兩個乘數(shù)設(shè)為兩個變量,分別是i和j;
當(dāng)i=1時滿足for循環(huán)的條件,執(zhí)行循環(huán)語句,先輸出一個<tr>(table標(biāo)簽里面的行屬性),然后執(zhí)行tr里面的另一個for循環(huán);
令j=1,j<=i,此時的i=1,符合循環(huán)條件,執(zhí)行循環(huán)語句,輸出1*1=1;j++之后j的值就變成了2;我們再來看j<=i,就是2<=1是錯誤的,因此終止循環(huán);
我們第一遍循環(huán)就輸出了一行,行里面的內(nèi)容是1*1=1;那我們在用i++令i=2執(zhí)行循環(huán),同樣根據(jù)上面的來走循環(huán);
知道i走到9再往下走到10不符合條件的時候,終止整個循環(huán),我們就輸出了一個原汁原味的九九乘法表;
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript排序算法總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
網(wǎng)易首頁的新聞代碼...2007-01-01
javascript消除window.close()的提示窗口
有人問起，怎么去掉js調(diào)用window.close()時怎么去掉那可惡的提示，咋一看好像還真不好弄，IE的安全機(jī)制好像就不允許通過腳本關(guān)閉本頁面，但是IE好像可以允許js關(guān)閉彈出窗口，那我們是不是可以通過一定的技巧欺騙一下IE，繞過去呢。鼓搗了幾下，似乎還真可以做到2015-05-05
用javascript控制iframe滾動的代碼...2007-04-04
JavaScript在執(zhí)行代碼前,會進(jìn)行一個預(yù)編譯的過程,這個過程主要用于處理變量和函數(shù)聲明,預(yù)編譯分為全局預(yù)編譯和函數(shù)預(yù)編譯,本文將給大家詳細(xì)的介紹一下JavaScript預(yù)編譯的基本概念和過程,需要的朋友可以參考下2024-05-05
一分鐘學(xué)會JavaScript中的try-catch
這篇文章主要給大家介紹了關(guān)于如何通過一分鐘學(xué)會JavaScript中try-catch的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
用javascript取得傳遞參數(shù)的個數(shù)的代碼
用javascript取得傳遞參數(shù)的個數(shù)的代碼...2007-10-10
本文通過實(shí)例代碼給大家介紹了JS中NEW的實(shí)現(xiàn)原理及重寫，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友參考下吧2020-02-02
微信小程序之?dāng)?shù)據(jù)緩存的實(shí)例詳解
這篇文章主要介紹了微信小程序之?dāng)?shù)據(jù)緩存的實(shí)例詳解的相關(guān)資料,希望通過本文能幫助到大家，讓大家掌握這部分內(nèi)容，需要的朋友可以參考下2017-09-09
Javarscript中模塊(module)、加載(load)與捆綁(bundle)詳解
這篇文章主要給大家介紹了關(guān)于Javarscript中模塊(module)、加載(load)與捆綁(bundle)的相關(guān)資料，文中介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面跟著小編一起來學(xué)習(xí)學(xué)習(xí)吧。2017-05-05
微信小程序結(jié)合Storage實(shí)現(xiàn)搜索歷史效果
這篇文章主要為大家詳細(xì)介紹了微信小程序結(jié)合Storage實(shí)現(xiàn)搜索歷史效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05