JavaScript實(shí)現(xiàn)九九乘法表的簡單實(shí)例
更新時間：2016年06月07日 10:15:48 投稿：jingxian
下面小編就為大家?guī)硪黄狫avaScript實(shí)現(xiàn)九九乘法表的簡單實(shí)例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
每個學(xué)過編程的人都寫過“HelloWorld”
但99乘法表，我想也應(yīng)該成為每個編程初學(xué)者的必編程序
這是JavaScript的實(shí)現(xiàn)方法，非常適合初學(xué)者?。?！
以下是代碼及注釋
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JavaScript九九乘法表</title>
<style type="text/css">
table{
width:600px; //表格height屬性可設(shè)置可不設(shè)置,建議不設(shè)置
border-collapse:separate;
}
table td{
border:#000000 1px solid;
text-align: center; //使<td>標(biāo)簽中的內(nèi)容居中顯示，若是<th>標(biāo)簽，沒有此行代碼亦可自動居中
}
</style>
</head>
<body>
<script type="text/javascript">
//下面部分是核心代碼
document.write("<table>"); //<table></table>添加一個表格樣式來顯示乘法表
for (var x = 1; x <= 9; x++)
{
document.write("<tr>"); //<tr></tr>標(biāo)簽
for (var y = 1; y <= x; y++)
{
document.write("<td>"+y+"x"+x+"="+y*x+"</td>");//亦可用<th>標(biāo)簽來起到居中加粗內(nèi)容的作用
}
document.write("</tr>");
}
document.write("</table>");
</script>
</body>
</html>
下面是上面代碼中涉及的一些內(nèi)容
•<table>標(biāo)簽是定義一個表格！
<tr> - 定義表行
<th> - 定義表頭
<td> - 定義表元(表格的具體數(shù)據(jù))
border=""屬性可以設(shè)置表格的邊框！
<th>里的字默認(rèn)為加粗居中顯示！
bgcolor=""也就是我熟悉的設(shè)置表格背景顏色！
•cellspacing=""和cellspadding=""是設(shè)置表格間的間距和單元格里的間距！但這兩個標(biāo)簽都被HTML5移除了，取而代之的是border-collapse:separate | collapse | inherit。
| separate | 默認(rèn)值。邊框會被分開。不會忽略border-spacing 和 empty-cells 屬性。 |
| collapse | 如果可能，邊框會合并為一個單一的邊框。會忽略border-spacing 和 empty-cells 屬性。 |
| inherit | 規(guī)定應(yīng)該從父元素繼承border-collapse屬性的值。 |
以上這篇JavaScript實(shí)現(xiàn)九九乘法表的簡單實(shí)例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
微信小程序?qū)崿F(xiàn)發(fā)送驗(yàn)證碼按鈕效果
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)發(fā)送驗(yàn)證碼按鈕效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12
這篇文章主要介紹了如何自定義微信小程序tabbar上邊框的顏色,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-07-07
JavaScript 字符串乘法，國外的文章，翻譯2009-08-08
ES6知識點(diǎn)整理之函數(shù)數(shù)組參數(shù)的默認(rèn)值及其解構(gòu)應(yīng)用示例
這篇文章主要介紹了ES6知識點(diǎn)整理之函數(shù)數(shù)組參數(shù)的默認(rèn)值及其解構(gòu)應(yīng)用,結(jié)合實(shí)例形式分析了ES6函數(shù)數(shù)組參數(shù)解構(gòu)賦值和默認(rèn)值的設(shè)置相關(guān)操作技巧,需要的朋友可以參考下2019-04-04
微信小程序登錄態(tài)和檢驗(yàn)注冊過沒的app.js寫法
這篇文章主要介紹了小程序登錄態(tài)和檢驗(yàn)注冊過沒的app.js寫法, 本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的借鑒價值，需要的朋友可以參考下2019-05-05
div上加了onclick事件，里面又有超鏈a，點(diǎn)超鏈的時候能不觸發(fā)div 的事件嗎？2007-12-12
一個與瀏覽器有關(guān)的腳本 ，也是大家從事WEb前端編程常見的編程技巧，就是判斷瀏覽器的版本，如果發(fā)現(xiàn)版本不符合你的設(shè)計(jì)要求，就給出提示升級瀏覽器，這樣你的網(wǎng)頁會更有體驗(yàn)。2010-06-06
在編碼js過程中，經(jīng)常遇到未結(jié)束的字符串常量這樣提示的錯誤，做下總結(jié),以方便以后查閱.2010-06-06
一篇文章詳細(xì)講解JavaScript中的this(普通函數(shù)、箭頭函數(shù)、?函數(shù)運(yùn)用)
這篇文章主要介紹了JavaScript中this關(guān)鍵字的指向規(guī)則,包括全局環(huán)境、函數(shù)、對象方法、構(gòu)造函數(shù)、事件處理函數(shù)和箭頭函數(shù)中的this指向,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-04-04
JavaScript的9種繼承實(shí)現(xiàn)方式歸納
這篇文章主要介紹了JavaScript的9種繼承實(shí)現(xiàn)方式歸納,本文講解了原型鏈繼承、原型繼承（非原型鏈）、臨時構(gòu)造器繼承、屬性拷貝、對象間繼承等繼承方式,需要的朋友可以參考下2015-05-05