JavaScript實(shí)現(xiàn)梯形乘法表的方法
本文實(shí)例講述了JavaScript實(shí)現(xiàn)梯形乘法表的方法。分享給大家供大家參考。具體如下:
效果如下圖所示:

表格用html中的table,tr,td,然后利用for語句實(shí)現(xiàn),循環(huán)輸出行和列,再根據(jù)行列的數(shù)量進(jìn)行乘法運(yùn)算,第一個for循環(huán)輸出9行,然后內(nèi)嵌一個for,在條件表達(dá)式中取第一個for循環(huán)的值然后進(jìn)行輸出表格運(yùn)算,為什么要取第一個for循環(huán),因為第一個for循環(huán)的次數(shù)是梯形排列的規(guī)則,梯形排列的規(guī)則是第一行一個格子,第二行二個格子,第三行三個格子,以此類推。
完整代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
<script type="text/javascript">
var str= "<table border=1 width=500 align=center>";
for(var a=1;a<=9;a++)
{
str +="<tr>";
for(b=1;b<=a;b++)
{
str +="<td>"+a+"×"+b+"="+a*b+"</td>";
}
str +="</tr>";
}
str +="</table>"
document.write(str);
</script>
</head>
<body>
</body>
</html>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
javascript 數(shù)據(jù)存儲的常用函數(shù)總結(jié)
這篇文章主要介紹了javascript 數(shù)據(jù)存儲的常用函數(shù)總結(jié)的相關(guān)資料,需要的朋友可以參考下2017-06-06
Bootstrap在線電子商務(wù)網(wǎng)站實(shí)戰(zhàn)項目5
這篇文章主要為大家分享了Bootstrap在線電子商務(wù)網(wǎng)站實(shí)戰(zhàn)項目,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-10-10
使用JS模擬錨點(diǎn)跳轉(zhuǎn)的實(shí)例
下面小編就為大家分享一篇使用JS模擬錨點(diǎn)跳轉(zhuǎn)的實(shí)例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
js實(shí)現(xiàn)表格數(shù)據(jù)搜索
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)表格數(shù)據(jù)搜索,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-08-08
帶參數(shù)的function 的自運(yùn)行效果代碼
這篇文章介紹了帶參數(shù)的function 的自運(yùn)行效果,通過實(shí)例對比展示了帶參數(shù)與不帶參數(shù)function自運(yùn)行效果,需要的朋友可以參考一下2007-12-12
JavaScript中this函數(shù)使用實(shí)例解析
這篇文章主要介紹了JavaScript中this函數(shù)使用實(shí)例解析,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-02-02
javaScript對文字按照拼音排序?qū)崿F(xiàn)代碼
這篇文章主要介紹了javaScript對文字按照拼音排序?qū)崿F(xiàn)代碼,有需要的朋友可以參考一下2013-12-12

