每個學過編程的人都寫過“HelloWorld”
但99乘法表，我想也應該成為每個編程初學者的必編程序
這是JavaScript的實現方法，非常適合初學者！！！
以下是代碼及注釋
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JavaScript九九乘法表</title>
<style type="text/css">
table{
width:600px; //表格height屬性可設置可不設置,建議不設置
border-collapse:separate;
}
table td{
border:#000000 1px solid;
text-align: center; //使<td>標簽中的內容居中顯示，若是<th>標簽，沒有此行代碼亦可自動居中
}
</style>
</head>
<body>
<script type="text/javascript">
//下面部分是核心代碼
document.write("<table>"); //<table></table>添加一個表格樣式來顯示乘法表
for (var x = 1; x <= 9; x++)
{
document.write("<tr>"); //<tr></tr>標簽
for (var y = 1; y <= x; y++)
{
document.write("<td>"+y+"x"+x+"="+y*x+"</td>");//亦可用<th>標簽來起到居中加粗內容的作用
}
document.write("</tr>");
}
document.write("</table>");
</script>
</body>
</html>
下面是上面代碼中涉及的一些內容
•<table>標簽是定義一個表格！
<tr> - 定義表行
<th> - 定義表頭
<td> - 定義表元(表格的具體數據)
border=""屬性可以設置表格的邊框！
<th>裡的字默認為加粗居中顯示！
bgcolor=""也就是我熟悉的設置表格背景顏色！
•cellspacing=""和cellspadding=""是設置表格間的間距和單元格裡的間距！但這兩個標簽都被HTML5移除了，取而代之的是border-collapse:separate | collapse | inherit。
separate 默認值。邊框會被分開。不會忽略border-spacing 和 empty-cells 屬性。 collapse 如果可能，邊框會合並為一個單一的邊框。會忽略border-spacing 和 empty-cells 屬性。 inherit 規定應該從父元素繼承border-collapse屬性的值。
以上這篇JavaScript實現九九乘法表的簡單實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持。