當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript中九九乘法表制作
生活随笔
收集整理的這篇文章主要介紹了
JavaScript中九九乘法表制作
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
練習一下表格，利用Javascript制作出來：
代碼賞析：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> /* 2.設置背后盒子大小 居中 */ div{ width:80px; height:40px; border:1px solid black;
line-height: 40px; text-align: center;
display:inline-block; /* 邊框重合 需要設置 */ margin-left:-1px; margin-top:-1px; } </style>
<script> // 3.window加載 window.onload = function(){
// 4.獲取元素信息 var oDiv = document.getElementById("body01");
// 5.創建變量 var sStr = "";
// 6 遍歷 循環 拼接 for(var i=1;i<10;i++){
for(var j=1;j<i;j++){ sStr += "<div>" + j + "×" + i + "=" + j*i + "</div>"; }
sStr +="<br>"; }
// 7.遍歷 循環之外 改變盒子內部內容 oDiv.innerHTML = sStr;
} </script>
</head> <body id="body01"> <!-- 1.body需要獲取元素，所以設置id --> </body> </html>
總結
以上是生活随笔為你收集整理的JavaScript中九九乘法表制作的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 刷新页面，无论点击多少次让Element
- 下一篇： ubuntu 16.04系统中nvida