有声读物,辰东完美世界有声小说,盗墓笔记有声小说

HTML組件(HTML COMPONENTS)之五

2024-04-27 13:54:11

字體：大中小

來源：轉載

供稿：網友

　　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="fnShowA

當該天被點擊，用戶被提醒在該天加上他或她的約會，或者修改已經存在的約會：

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組件方法實現的日歷代碼

国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

HTML組件(HTML COMPONENTS)之五