2022年HTML组件(HTML COMPONENTS)之三CSSHTML教程.docx

上传人：l****

文档编号：63011357

上传时间：2022-11-23

格式：DOCX

页数：7

大小：13.23KB

( 4.5 )

《2022年HTML组件(HTML COMPONENTS)之三CSSHTML教程.docx》由会员分享，可在线阅读，更多相关《2022年HTML组件(HTML COMPONENTS)之三CSSHTML教程.docx（7页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、2022年HTML组件(HTML COMPONENTS)之三CSSHTML教程=最顶级页面=现在我们将我们凝视的焦点转向我们的日历应用例子，该应用包括4个不同页面，canlendar.html为最顶级HTML文档，该页包含了calendar.htc HTC，而canlendar.htc有反过来包含两个别的HTC：day.htc和today.htc,calendar.html内容如下：<HTML XMLNS:MYCAL><HEAD><TITLE>Calendar Example</TITLE><?IMPORT NAMESPACE=MYCAL

2、IMPLEMENTATION=calendar.htc/></HEAD><BODY><P>Click a day in the calendar to add or modify your schedule.</P><MYCAL:CALENDAR></MYCAL:CALENDAR></BODY></HTML>有几个要点您必需重点留意：第一、命名空间定义在HTML标记中，我们须要运用在我们要调用的HTC中定义的命名空间，在canlendar.htc中的命名空间是:MYCAL，所以在<HTM

3、L>标记中必需出现XMLNS标识。<?IMPORT>标记以问号起先以和别的正常标记区分开，该标记要求阅读器导入指定的HTC：calendar.htc,HTC可以有多个命名空间，故在导入时须要指明要运用的命名空间（MYCAL）：<?IMPORT NAMESPACE=MYCAL IMPLEMENTATION=calendar.htc/>HTC的主要优点之一就是：阅读器将始终挂起页面解析直到输入文件全部被导入为止。页面处理的异步机制将导致很多问题，阅读器并不等元素已经完全显示才起先解析页面，作为例子，你可以建立一个对象，并且在文挡的顶部访问一个在页面底部的方法，假如对象

4、因为某些缘由为打算好，你将会得到一个错误指示没有该对象不存在或该对象不支持你要访问的方法，信任您已经遇到过此类事情了吧！不管这样，?IMPORT 是同步的，并且阅读器会始终等待页面导入完毕并且内容打算好。页面唯一而且重要的一行是调用自定义标记MYCAL:CALENDAR:<MYCAL:CALENDAR></MYCAL:CALENDAR>因为页面已经导入，故该调用将会象在calendar.htc所指定的那样建立一个日历。您可能已经留意到HTC可以包含别的HTC，calendar.htc包括两个别的HTML组件，每个月的全部日期:day.htc和与当前日期一样的today.

5、htc,以下是canlendar.htc的顶部15行：<HTML XMLNS:MYCAL XMLNS:TODAY XMLNS:ANYDAY><HEAD><?IMPORT NAMESPACE=ANYDAY IMPLEMENTATION=day.htc/><?IMPORT NAMESPACE=TODAY IMPLEMENTATION=today.htc/><PUBLIC:COMPONENT tagName=CALENDAR><ATTACH EVENT=oncontentready ONEVENT=fnInit()/></

6、PUBLIC:COMPONENT><SCRIPT LANGUAGE=JavaScript><!-function fnInit(){defaults.viewLink = document;}/ -></SCRIPT>第一行在这些HTC会用到的XML命名空间。这些命名空间即包括本页自己要用到的，也包括页面需调用的命名空间（ANYDAY 和 TODAY ），留意命名空间并不肯定要和HTC文件文件名一样。接着，我们导入这些HTC：<?IMPORT NAMESPACE=ANYDAY IMPLEMENTATION=day.htc/&g

7、t;<?IMPORT NAMESPACE=TODAY IMPLEMENTATION=today.htc/>当我们解析到这些行，阅读器将始终等到要导入的文件被导入才接着页面解析（同步导入）。然后我们定义CALENDAR自定义标记：<PUBLIC:COMPONENT tagName=CALENDAR><ATTACH EVENT=oncontentready ONEVENT=fnInit()/></PUBLIC:COMPONENT>PUBLIC:COMPONENT用来描述CALENDAR标记，在起先和结束标记之间，您可以将事务附加到CALENDAR标记

8、上，事务oncontentready将在calendar.htc文件全部被导入，并被解析时，指定处理时间的是定义在JAVASCRIPT的函数：fnInit()：<SCRIPT LANGUAGE=JavaScript><!-function fnInit(){defaults.viewLink = document;}/ -></SCRIPT>viewLink指定的值特别重要，它是HTML组件的基础，它连接了HTML组件和调用该HTML组件的页面，defaults对象有别的属性并且会在别的地方被覆盖，我们给viewLink属性赋的是HTML

9、文档对象，正因为该连接，我们才可以建立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>

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

9.9 金币

版权申诉 word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载

配套讲稿：: 如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
特殊限制：: 部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。
关键词：: 2022年HTML组件HTML COMPONENTS之三CSSHTML教程 2022 HTML 组件 COMPONENTS CSSHTML 教程

淘文阁 - 分享文档赚钱的网站所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。

限制150内

关于本文

本文标题：2022年HTML组件(HTML COMPONENTS)之三CSSHTML教程.docx
链接地址：https://www.taowenge.com/p-63011357.html