JavaScript当前位置:首页 > 教程 > Web 开发 > JavaScript

求助javascript使button常显示并实现onclick

发布时间:2015-03-23来源:互联网作者:佚名
2015-03-17 09:29:18 starfd
document.getElementById("btn1").onclick = calendar;
后面的()去掉,你这样表示执行calendar(),但貌似点了next后样式不对了,再点击也有问题
2015-03-17 15:09:09 Return_false
<html>
<head>

   <style>
   body{text-align:center;}
    <!--
    table{ text-align: center }
    -->
    
   </style>
  <script type="text/javascript">
  var my1 = new Date();
  var m=my1.getMonth(); 
  var n = 1;
  var t = 1;
    function calendar(){
      m = m + 1;
      my.setMonth(m);
      showc();
 
    }
    function calendar1(){
      m = my1.getMonth() - 1;
      my.setMonth(m);
      showc();

    }
     function showc() {
      var j=1;
      var today;
      var tomonth;
      var theday=1;//日期
      var max;
      var temp;
      var tempday;
  var $content='';
      $content+="<b>" + my.getFullYear() + "-" + (m + 1) + "</b>";
      $content+="<table border='1' width='900' height='600'>";
      $content+="<tr>";
      $content+="<td height='23' width='39'><font size=5 color='red'>Sun</font></td>";
      $content+="<td height='23' width='39'><font size=5>Mon</font></td>";
      $content+="<td height='23' width='39'><font size=5>Tus</font></td>";
      $content+="<td height='23' width='39'><font size=5>Wed</font></td>";
      $content+="<td height='23' width='39'><font size=5>Thu</font></td>";
      $content+="<td height='23' width='39'><font size=5>Fri</font></td>";
      $content+="<td height='23' width='39'><font size=5>Sat</font></td>";
      $content+="</tr>";
      //temp=my.getDate();
      my.setDate(1);
      //document.write (my.getDate());
      tempday=my.getDay();//返回第一天是星期几
      my.setDate(n);
      today=t;//返回现在星期几
      switch ((m+1)) {
       case 1:
       case 3:
       case 5:
       case 7:
       case 8:
       case 10:
       case 12:
        max=31;
        break;
       case 4:
       case 6:
       case 9:
       case 11:
        max=30;
        break;
       default: //判断是不是闰年
       if(my.getFullYear() % 4 == 0 && my.getFullYear() % 100 != 0)
         max=29;
       else max = 28;
       //document.write (max);
      }
      for(k=0;k<6;k++) {
       $content+="<tr>";
       for(j=0;j<=6;j++) {
        $content+="<td height='23' width='39'>";
        if(j>=(tempday)) {
         tempday=0;//设置为最小,相当于取消判断条件
         if(theday<=max) {
          $content+="<a title=" + my.getFullYear() + "-" + (m+1) + "-" +theday + " target='_blank' href=C:/Users/BlueCube13/Desktop/c.html" +">";
          if(theday==my.getDate()) 
           $content+="<font color='green' size=5>" + theday + "</font></a>";
           else if(j==0 || j==6)
           $content+="<font color='red' size=5>" + theday + "</font></a>";
          else
           $content+="<font size=5>" + theday + "</font></a>";
          theday++;
         }
        }
        $content+="</td>";
       }
       $content+="</tr>";
      }
      $content+="</table>";
      $content+="<input type='button'id='btn1' value='Next' />";
  document.getElementById("div_calendar").innerHTML=$content;
      document.getElementById("btn1").onclick=calendar;
     }
  </script>   
</head>

<body align="center">

   <div align="center" id="div_calendar">
    <script language="javascript">


     var my = new Date();
     var n = my.getDate();
     var t = my.getDay();
    
     //************************************************函数结束
     showc();
    </script>
   </div>

<body>
</html>
参与评论已经有 人参与
请自觉遵守互联网相关的政策法规1,严禁发布色情、暴力、反动的言论。
网站首页|FYCMS官网|网站地图|
收缩