HTML 구성요소 4부

===캘린더 작성 1===

Calendar.html 호출 시 MYCAL:CALENDAR, 현재 달의 달력이 페이지에 표시됩니다. setCal() 함수는 일부 변수를 초기화하고 drawCal() 함수를 호출합니다. 또한 세 가지 다른 함수인 getMonthName(), getDays() 및 도약(). 마지막 함수부터 시작해 보겠습니다.

getDays() 함수는 월 값과 연도 값을 수신하고, 각 월의 일 수와 연도를 저장하는 12개 요소가 있는 배열을 생성합니다. 윤년은 2월이 28일인 윤년이 아니라 29일인 윤년이다. 이 함수는 지정된 달의 일수를 반환합니다.

다음은 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)에 주목하세요!