2011-10-20 48 views
1

我正在尝试使用Javascript更新日历,但“undefined”显示在底部,我看不到任何错误。如何摆脱Javascript“未定义”

这里的JavaScript:

function calendar(month){ 
var s= new Date(); 

var year=s.getFullYear(); 
var wday= s.getDay(); 
var mday =s.getDate(); 


var days = new Array("Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"); 
document.write(' <table border=\"1\" bordercolor=\"black\" cellpadding=\"1\" cellspacing=\"0\" width=\"220px\"><h6 style="size:.5em;"><tr>\n'); 


for (i=0; i<(days.length); i++) { 
    document.write(' <td style=\"background-color: #CCCCCC; text-align: center; width: 33px;padding:2px; \"> <strong> ' + days[i] + ' </strong></td> '); 
} 
var day=1; 
b=6; 

for (count = 0; count < (b*7); count++) { 

     var start= new Date(year,month,day,0,0,0,0); 

     var dayarray = new Array();  


      dayarray['mon'] = start.getMonth();// month 
      dayarray['yr'] = start.getYear();// year 
      dayarray['wday'] = start.getDay();//day of the week 
      dayarray['mday'] = start.getDate();// day of the month 

     if ((count % 7) == 0) { 

           document.write(' </tr><tr>\n'); 
         } 

       if ((count < (dayarray['wday'])) || (dayarray['mon']!=month)) { 

         document.write ('<td style=\"background-color: white; text-align: center; width: 33px;padding:2px; \" >&nbsp;</td>\n'); 

       } else { 
         document.write(' <td style=\"background-color: white; text-align: center; width: 33px;padding:2px; \">' + dayarray['mday'] + ' </td>\n '); 
         day +=1; 

       } 

} 
document.write(' </tr></h6></table>'); 
} 
function next(c){ 
    document.getElementById(c).style.visibility="visible"; 
    document.getElementById((c-1)).style.visibility="hidden"; 

} 

和HTML:

<div style="display: block;"> 
       <img src="style/rightArrow.jpg" onclick="var it=12;next(it);it++;"/> 


     <br/> 
     <div id="calendar" style="margin:auto;width:220px;height:182px;" > 
      <div id="11" style="position:absolute;left:10px;top:400px;visibility: visible;"> 
    <script type="text/javascript">var ha=0;d=new Date();document.write(calendar(d.getMonth()+ha));</script> 
    </div> 

    <div id="12" style="position:absolute;left:10px;top:400px;visibility:hidden;"> 
    <script type="text/javascript">var ha=1;d=new Date();document.write(calendar(d.getMonth()+ha));</script> 
    </div> 

    <div id="13" style="position:absolute;left:10px;top:400px;visibility:hidden;"> 
    <script type="text/javascript">var ha=2;d=new Date();document.write(calendar(d.getMonth()+ha));</script> 

    </div> 
    </div> 
    </div> 

第二个问题:

为什么日历只提前一个月?

+0

程序员的能力是重用其他代码,以节省时间和金钱。为什么不在互联网上重新使用一些其他的预制代码,而不是重新发明轮子? –

+3

不要将TR包装在

这是不正确的HTML,浏览器可能会做一些非常时髦的事情,试图找出你的意思。使用CSS来设计这些作品。为了提高性能,我建议生成一个html字符串,然后使用.innerHTML替换为另一个元素。这就是说,如果你看到“未定义”的地方发生在源头,你周围看到了什么? – scrappedcola

+0

1.我只是在玩2.谢谢我修复了

的 –

回答

2

问题出在您绕过每个函数调用的document.write()

<div id="calendar" style="margin:auto;width:220px;height:182px;" > 
      <div id="11" style="position:absolute;left:10px;top:400px;visibility: visible;"> 
    <script type="text/javascript">var ha=0;d=new Date();calendar(d.getMonth()+ha);</script> 
    </div> 

将它们从呼叫周围移除到日历,并且您没有得到未定义。 http://jsfiddle.net/qXARb/2/

+0

感谢您的帮助。为了解决第二个问题,我只需要把它变成一个全局变量 –