当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > HTML组件之:最顶级页面(3)

HTML/XHTML教程
网页设计中文本输入框的一些参数说明
XHTML CSS写出正规的BLOG
初学者接触HTML了解一些HTML标记(1)
网页设计学习XHTML应用小结
常用的XHTML标签的使用技巧介绍
HTML网页META标签内容写作规范要点
XHTML 1.0 参考
HTML的一些关于颜色方面的参考
你问我答:XML与HTML的区别
入门:HTML的基本标签和属性简单介绍
带有图片预览功能的上传表单的完整HTML
HTML表格标记教程(10):单元格边距属性CELLPADDING
HTML表格标记教程(11):水平对齐属性ALIGN
HTML表格标记教程(12):边框样式属性FRAME
HTML表格标记教程(8):背景图像属性BACKGROUND
HTML表格标记教程(9):单元格间距属性CELLSPACING
HTML表格标记教程(6):暗边框色属性BORDERCOLORDARK
HTML表格标记教程(7):背景颜色属性BGCOLOR
HTML表格标记教程(5):亮边框色属性BORDERCOLORLIGHT
HTML表格标记教程(3):宽度和高度属性WIDTH、HEIGHT

HTML/XHTML教程 中的 HTML组件之:最顶级页面(3)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 29 ::
收藏到网摘: n/a

然后我们定义CALENDAR自定义标记:

<PUBLIC:COMPONENT tagName="CALENDAR">
<ATTACH EVENT="oncontentready" ONEVENT="fnInit()"/>
</PUBLIC:COMPONENT>


  PUBLIC:COMPONENT用来描述CALENDAR标记,在开始和结束标记之间,您可以将事件附加到CALENDAR标记上,事件oncontentready将在calendar.htc文件全部被导入,并被解析时,指定处理时间的是定义在JAVASCRIPT的函数:fnInit():

<SCRIPT LANGUAGE="JavaScript">
<!--
function fnInit()
{
defaults.viewLink = document;
}
// -->
</SCRIPT>


  viewLink指定的值非常重要,它是HTML组件的基础,它连接了HTML组件和调用该HTML组件的页面,defaults对象有别的属性并且会在别的地方被覆盖,我们给viewLink属性赋的是HTML文档对象,正因为该连接,我们才可以建立HTC组件和包含页面互访。
  我们将在后面解释日历的层。注意,尽管在日历中当月的当天框和其他天框、空框的样式不一样,但是我们通过优先级法则来实现在包含页中,HTML组件忽略任何相互冲突的样式定义。calendar.htc的样式定义如下:

<STYLE>
TD {
background-color:tan;
width:50;
height:50;
}
</STYLE>


  现在将该定义和日历比较,只有空框是的颜色是黄褐色的,我们调用的HTC忽略了这些定义,被调用的页面都嵌入了页面定制。以下调用TODAY:DAY HTML组件:

<TODAY:DAY value=' + dayOfMonth + '></TODAY:DAY>

  我们只是简单的传入了当月中的第几天,同样的调用ANYDAY:DAY 也是简单的传入当月中的第几天:

<ANYDAY:DAY value=' + dayOfMonth + '></ANYDAY:DAY>