table里有问题

机智的冰凡 2020-05-18 09:30:00

应该怎么才能把空的地方填上
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
#nianli{
width: 880px;
margin: 0px auto;
text-align :center;
font-family: "宋体";

}

th{
background-color: cyan;
color: royalblue;
}

table{
width:200px;
height:200px;
margin:10px;
float:left;
border: 1px solid #aa5500;

}

td:first-child, td:last-child{
color:red;
}

</style>
<script type="text/javascript">
var year=prompt("请输入年份:","2020");
document.write(getnianli(year));
function getnianli(y){
var htm="";
htm+='<div id="nianli">';
for(var m = 1; m <= 12; m++){
htm+='<table>';
htm+='<tr><th colspan="7">'+ y + '年' + m + '月</th></tr>';
htm+='<tr><td>日</td><td>一</td><td>二</td><td>三</td><td>四</td><td>五</td><td>六</td></tr>';
htm+='<tr>';
var firstday = new Date(y, m - 1, 1).getDay();
var max=new Date(y, m, 0).getDate();
for (var i = 0; i < firstday; i++) {
htm+='<td></td>';
}
for (var d = 1; d <= max; d++){
htm+='<td>' + d + '</td>';
if(( (d+firstday) % 7 == 0) && d != max){
htm+='</tr><tr>';
}
else if (d == max){
var endday = 7 - (max + firstday) % 7;
for (var i = 0; i < endday; i++) {
htm += '<td></td>';
}
htm += '</tr>'
}
}
htm+='</table>';
}
htm+='</div>'
return htm;
}
</script>
</head>
<body>
</body>
</html>
...全文
91 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
wylwyl1108 2020-10-23
  • 打赏
  • 举报
回复
table{
width:200px;
height:200px;
margin:10px;
float:left;
border: 1px solid #aa5500;
border-collapse:collapse;/*table内的单元格合并*/
}
天际的海浪 2020-05-19
  • 打赏
  • 举报
回复

            var year=prompt("请输入年份:","2020");
            document.write(getnianli(year));
            function getnianli(y){
                var htm="";
                htm+='<div id="nianli">';
                for(var m = 1; m <= 12; m++){   
                    htm+='<table>';
                    htm+='<tr><th colspan="7">'+ y + '年' + m + '月</th></tr>';
                    htm+='<tr><td>日</td><td>一</td><td>二</td><td>三</td><td>四</td><td>五</td><td>六</td></tr>';
                    htm+='<tr>';
                    var firstday = new Date(y, m - 1, 1).getDay();
                    var max=new Date(y, m, 0).getDate();
                    for (var i = 0; i < firstday; i++) {
                        htm+='<td></td>';
                    }
                    for (var d = 1; d <= max; d++){
                        htm+='<td>' + d + '</td>';
                        if(( (d+firstday) % 7 == 0) && d != max){
                            htm+='</tr><tr>';
                        }
                    }
                    var endday = (70 - max - firstday) % 7;
                    for (var i = 0; i < endday; i++) {
                        htm+='<td></td>';
                    }
                    htm += '</tr>';
                    htm+='</table>';
                }
                htm+='</div>'
                return htm;
            }

61,111

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧