|
網站建設是指使用標識語言（markup language)，通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸，最終以圖形用戶界面（GUI）的形式被用戶所瀏覽。簡單來說，網頁設計的目的就是產生網站。簡單的信息如文字，圖片（GIF，JPEG，PNG）和表格，都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。ANYDAY組件定義在day,htc中，該組件是日歷單元的一個封裝。組件的名字是由定義在第一行的XML命名空間決定的。
<HTML XMLNS:ANYDAY>
正如canlenar.htc一樣，你只有一個命名空間定義，原因是在該頁不用調用其他的HTC，也就是說該HCT是葉子HTC，在這里我們定義的自定義標簽是DAY，同樣我們也定義它的行為，實際上，HTML組件的定義就是自定義標簽行為的定義，該行為包括一個屬性和一個事件：
<PUBLIC:COMPONENT tagName="DAY">
<PROPERTY NAME="value"></PROPERTY>
<ATTACH EVENT="oncontentready" ONEVENT="fnInit()"<>/ATTACH>
</PUBLIC:COMPONENT>
注意事件 oncontentready ，當它的調用者calendar.htc要求導入day.htc并且被完全導入，該事件就會產生，事件的處理者是fnInit().我們來看看它：
function fnInit() {
document.body.innerHTML = element.value;
document.body.className = "clsDay";
defaults.viewLink = document;
element.appointments = "";
element.date = element.value;
}
fnInit()演示了很多重要的HTC章節。第一行把 element.value 指定給調用頁的 innerHTML 屬性。HTML組件總是封裝在element對象里。value屬性一般定義在PROPERTY標簽中，作為提醒，實際的值從調用頁面傳入，canlendar.htc:
text += '<TD><ANYDAY:DAY value=' + dayOfMonth + '></ANYDAY:DAY></TD>'
單元樣式在第二行指定：
document.body.className = "clsDay";
樣式類 clsDay 定義在該頁的別處：
<STYLE>
.clsDay {
width:50;
height:50;
background-color:lightyellow;
align:center;
text-align:right;
}
</STYLE>
注意在日歷中日期的被填色為亮黃色，這證明HTC的格式的指定模式被它的調用者所支配，即：calendar.htc.
fninit()的第三行設置default對象的viewlink屬性，viewLink屬性是HTML組件的基礎，它可以使得一個HTC文檔(day.htc)對另一個HTML組件(calendar.htc)來說可見.這兒就是viewLink的設置：
defaults.viewLink = document;
注意您需要聯接的是整個document對象。fnInit()的最后兩行初始化我們將在以后解釋的兩個內部屬性：
element.appointments = "";
element.date = element.value;
用于它本身的顯示，DAY HTML組件和鼠標點擊相關：
<BODY onclick="fnShowAppts()">
當該天被點擊，用戶被提醒在該天加上他或她的約會，或者修改已經存在的約會：
function fnShowAppts() {
newAppointments = prompt("Add your appointment:", element.appointments);
if (newAppointments != null) element.appointments = newAppointments;
document.body.innerHTML = '<FONT COLOR="red">' + element.date + '</FONT>' + "<BR>" + '<FONT SIZE="1">' + element.appointments + '</FONT>';
}
這里的輸入機制非常原始，用戶在約會指定中加入新行標簽(<BR>)，否則他們將都顯示在一行。最后innerHTML是日期數據(element.date)和約會指定(element.appointments) 的連接紐帶。
TODAY HTML組件(today.htc)和ANYDAY組件(day.htc)非常類似。唯一的不同是樣式快中的background-color是pink而不是lightyellow,并且字體顏色是blue 而不是red.
注意在日歷中當前日期是粉紅色(pink)背景藍色的字。
下節將列出我們所講的日歷的完整代碼和一個不用HTC組件方法實現的日歷代碼
大多數人在上網的時候，都會瀏覽網頁提供給我們的信息。
|
