HTML組件(HTML COMPONENTS)之4

網站建設是指使用標識語言（markup language)，通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸，最終以圖形用戶界面（GUI）的形式被用戶所瀏覽。簡單來說，網頁設計的目的就是產生網站。簡單的信息如文字，圖片（GIF，JPEG，PNG）和表格，都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。

　===編寫日歷一===

　　當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);
}