HTML元件(HTML COMPONENTS)之四

===編寫日曆一===

　　當calendar.html調用 MYCAL:CALENDAR,當月的日曆將會顯示在頁面中，函數setCal()是主要程式段，它初始化一些變數並呼叫drawCal()函數。我們也用了三個別的函數：getMonthName()、 getDays() 和 leapYear()。讓我們從最後一個函數開始：

　　getDays()函數接收哪月值和哪年值，並且建立一個有12個元素的數組，用來存放每月的天數，哪一年用來決定是不是閏年，在閏年中二月是29天，不是閏年是28天。此函數傳回指定月份的天數。

以下是getDays()：

function getDays(month, year) { 
// create array to hold number of days in 
each month 
var ar = new Array(12); 
ar[0] = 31; // January 
ar[1] = 
(leapYear(year)) ? 29 : 28; // February 
ar[2] = 31; // March 
ar[3] = 30; 
// APRil 
ar[4] = 31; // May 
ar[5] = 
30; // June 
ar[6] = 31; // July 
ar[7] = 31; // August 
ar[8] = 30; // 
September 
ar[9] = 31; // October 
ar[10] = 30; // November 
ar[11] = 
31; // December 

// return number of days in the specified month 
(parameter) 
return ar[month]; 
} 
如果指定的年数可以被4整除，那么leapYear()函数将返回“true”，否则返回”false“： 
function leapYear(year) { 
if (year % 4 == 
0) // basic rule 
return true; // is leap year 
/* else */ // else not 
needed when statement is "return" 
return false; // is not leap year 
} 
getMonthName()函数返回指定月份的名字： 
function getMonthName(month) { 
// create 
array to hold name of each month 
var ar = new Array(12); 
ar[0] = 
"January"; 
ar[1] = "February"; 
ar[2] = "March"; 
ar[3] = "April"; 
ar[4] = "May"; 
ar[5] = "June"; 
ar[6] = "July"; 
ar[7] = "August"; 
ar[8] = "September"; 
ar[9] = "October"; 
ar[10] = "November"; 
ar[11] = "December"; 

// return name of specified month (parameter) 
return ar[month]; 
} 
setCal()函数是主模块，我们在脚本的第一行调用它。该函数为当天（now）、和每月的第一天（firstDayInstance）建立一个Date对象。用这些对象，setCal()函数解析出关于一个月的第一天、当日，和最后一天的所有信息。 
function setCal() { 
// standard time 
attributes 
var now = new Date(); 
var year = now.getFullYear(); 
var 
month = now.getMonth(); 
var monthName = getMonthName(month); 
var date = 
now.getDate(); 
now = null; 

// create instance of first day of month, 
and extract the day on which it occurs 
var firstDayInstance = new Date(year, 
month, 1); 
var firstDay = firstDayInstance.getDay(); 
firstDayInstance = 
null; 

// number of days in current month 
var days = getDays(month, 
year); 

// call function to draw calendar 
drawCal(firstDay + 1, days, 
date, monthName, year); 
}

 以上就是HTML組件(HTML COMPONENTS)之四的內容，更多相關文章請關注PHP中文網（www.php.cn）！