相关文章
网站设计制作静态网页HTML推荐标准
企通互联HTML语言剖析（五）字体标记
北京网站设计CSS初级入门(1)：整体布局声明
网页设计在DreamWeaver中应用CSS样式表
北京网站制作第十一节 超级链接
北京网站建设抗日Flash集之：血战钓鱼岛
北京网站制作Flash图文教程：flash文字跳动（教程）
企通互联FLASH MX 2004视频教程:合成我的FLASH网站(一)
网页设计FLASH8新功能体验：第一章 1.界面
企通互联Flash视频教程：3.10 导入声音
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网站制作 >> 北京网站设计网站设计HTML组件(HTML COMPONENTS)之五
北京网站设计网站设计HTML组件(HTML COMPONENTS)之五
网站建设
<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 www.qitongnet.com而不是lightyellow,并且字体颜色是blue 而不是red. 北京网站建设
注意在日历中当前日期是粉红色(pink)背景蓝色的字。 企通互联
企通互联
网站建设 下节将列出我们所讲的日历的完整代码和一个不用HTC组件方法实现的日历代码