用Javascript设计一个如下图所示的简单日历,周日和周六字体变红。_百...
发布网友
发布时间:2022-04-28 18:24
我来回答
共1个回答
热心网友
时间:2022-04-07 08:02
<style>
.time2{color:red;}
</style>
<body>
<table width="85" border="1">
<tr>
<td align='center' class='time1' id='time1' > </td>
</tr>
<tr>
<td height="47" align='center' class='time1' id='time2' style='font-size:200%'>aaa</td>
</tr>
<tr>
<td align='center' class='time1' id='time3'> </td>
</tr>
</table>
<script>
var d = new Date();
document.getElementById('time1').innerHTML=d.getFullYear()+'年'+(d.getMonth()+1)+'月';
document.getElementById('time2').innerHTML=d.getDate();
var c=d.getDay();
switch(c){
case 0:
a='星期日';
break;
case 1:
a='星期一';
break;
case 2:
a='星期二';
break;
case 3:
a='星期三';
case 4:
a='星期四';
case 5:
a='星期五';
case 6:
a='星期六';
}
document.getElementById('time3').innerHTML=a;
if((c==6)||(c==0)){
document.getElementById('time1').className='time2';
document.getElementById('time2').className='time2';
document.getElementById('time3').className='time2';
}else{
document.getElementById('time1').className='time1';
document.getElementById('time2').className='time1';
document.getElementById('time3').className='time1';
}
</script>
</body>