<!DOCTYPE hml>
<html>
<head>
<meta charset="utf-8">
<title>八种九九乘法表完整班</title>
</head>
<style type="text/css">
div{
border:1px solid red;
margin:5px;
padding:3px;
display:inline-block;
background-color:orchid;
}
</style>
<body>
//左下两种写法
<script type="text/javascript">
document.write("<table>")
for(var i = 1;i<10;i++){
document.write("<tr>");
for(var j=1;j<=i;j++){
document.write("<td>"+j+"x"+"="+i*j+"</td>");
}document.write("</tr>");
}document.write("</table>")
//------------------------------------------
for(var i=1;i<=9;i++){
for(var j=1;j<=i;j++){
document.write("<div>"+j+"x"+i+"="+j*i+"</div>");
}document.write("<br>");
}
//****************************************************
//左上
document.write("<table>");
for(var i=9;i>0;i--){
document.write("<tr>");
for(var j=1;j<=i;j++){
document.write("<td>"+j+"x"+i+"="+i*j+"</td>");
}document.write("</tr>");
}document.write("</table>");
for(var i=9;i>0;i--){
for(var j=1;j<=i;j++){
document.write("<div>"+j+"x"+i+"="+j*i+"</div>");
}document.write("<br>");
}
//-------------------------------------------------
//右下
</script>
</body>
用for循环写出九九乘法表 8种方式 其中代表两种方法的延伸 四方法 完整版
最新推荐文章于 2022-09-05 20:55:52 发布