JavaScript實現(xiàn)梯形乘法表的方法
更新時間：2015年04月25日 10:19:56 作者：#a
這篇文章主要介紹了JavaScript實現(xiàn)梯形乘法表的方法,涉及基本javascript結合表格操作的技巧,需要的朋友可以參考下
本文實例講述了JavaScript實現(xiàn)梯形乘法表的方法。分享給大家供大家參考。具體如下：
效果如下圖所示：
表格用html中的table,tr,td,然后利用for語句實現(xiàn)，循環(huán)輸出行和列，再根據(jù)行列的數(shù)量進行乘法運算，第一個for循環(huán)輸出9行，然后內嵌一個for，在條件表達式中取第一個for循環(huá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>無標題文檔</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程序設計有所幫助。
相關文章
javascript 數(shù)據(jù)存儲的常用函數(shù)總結
這篇文章主要介紹了javascript 數(shù)據(jù)存儲的常用函數(shù)總結的相關資料,需要的朋友可以參考下2017-06-06
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)首頁彈出廣告，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
Bootstrap在線電子商務網(wǎng)站實戰(zhàn)項目5
這篇文章主要為大家分享了Bootstrap在線電子商務網(wǎng)站實戰(zhàn)項目，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
下面小編就為大家分享一篇使用JS模擬錨點跳轉的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
收藏一個代碼...2006-08-08
這篇文章主要為大家詳細介紹了js實現(xiàn)表格數(shù)據(jù)搜索，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
這篇文章介紹了帶參數(shù)的function 的自運行效果,通過實例對比展示了帶參數(shù)與不帶參數(shù)function自運行效果,需要的朋友可以參考一下2007-12-12
限制頁面顯示的字符長度，一直被眾多網(wǎng)友傾睬，本人也是一fans利用閑暇時間搜集整理了一些實用技巧,需要了解的朋友可以參考下2012-12-12
這篇文章主要介紹了JavaScript中this函數(shù)使用實例解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-02-02
這篇文章主要介紹了javaScript對文字按照拼音排序實現(xiàn)代碼，有需要的朋友可以參考一下2013-12-12