此为左下99乘法表两种
在这里插入代码片
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>九九乘法表</title>
</head>
<style type="text/css">
div{
border:1px solid red;
margin:5px;
padding:3px;
//********inline-block 必须加上 这是下面的内容显示到一行中
display:inline-block;
background-color:orchid;
}
</style>
<body>
<script type="text/javascript">
//方法一 用表格来显视 初学者学完html table属性更好理解做出来 在做的时候可以加上border
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*i);
}document.write("</tr>");
}document.write("</table>");
//document.write("------------------------")
//方法二 创建盒子来显示更加清晰可见 且代码简单
for(var i=1;i<10;i++){
for(var j=1;j<i;j++){
document.write("<div>"+j+"x"+i+"="+j*i+"</div>")
}document.write("<br>");
}
//注意这里的div也可用span来代替
</script>
</body>
</html>