当前位置：首页 -> 网页设计 -> HTML/CSS -> HTML组件(HTML COMPONENTS)之三

HTML组件(HTML COMPONENTS)之三

时间： 2021-07-31 作者：daque

　===最顶级页面=== 　　此刻咱们将咱们注意的中心转向咱们的日历运用例子，该运用囊括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" 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，以是在<html>标志中必需展示xmlns标识。　　<?import>标志以问号发端以和其余平常标志辨别开，该标志诉求欣赏器导出指定的htc：calendar.htc,htc不妨有多个定名空间，故在导时髦须要指明要运用的定名空间（mycal）： <?import namespace="mycal" implementation="calendar.htc"/> 　　htc的重要便宜之一即是：欣赏器将从来挂起页面领会直到输出文献十足被导出为止。页面处置的异步体制将引导很多题目，欣赏器并不等元素仍旧实足表露才发端领会页面，动作例子，你不妨创造一个东西，而且在文挡的顶部考察一个在页面底部的本领，即使东西由于某些原由于筹备好，你将会获得一个缺点引导没有该东西不生存或该东西不扶助你要考察的本领，断定您仍旧碰到过该类工作了吧！尽管如许，?import 是同步的，而且欣赏器会从来等候页面导出结束而且实质筹备好。

　　页面独一并且要害的一条龙是挪用自设置标志mycal:calendar: <mycal:calendar></mycal:calendar> 　　由于页面仍旧导出，故该挪用将会象在calendar.htc所指定的那么创造一个日历。

您大概仍旧提防到htc不妨包括其余htc，calendar.htc囊括两个其余html组件，每个月的一切日子:day.htc和与暂时日子普遍的today.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()"/> </public:component> <script language="javascript">  </script> 　　第一条龙在那些htc会用到的xml定名空间。那些定名空间即囊括本页本人要用到的，也囊括页面需挪用的定名空间（anyday 和 today ），提防定名空间并不确定要和htc文献文献名普遍。接着，咱们导出那些htc： <?import namespace="anyday" implementation="day.htc"/> <?import namespace="today" implementation="today.htc"/> 　　当咱们领会到那些行，欣赏器将从来比及要导出的文献被导出才连接页面领会（同步导出）。

而后咱们设置calendar自设置标志： <public:component tagname="calendar"> <attach event="oncontentready" onevent="fninit()"/> </public:component> 　　public:component用来刻画calendar标志，在发端和中断标志之间，您不妨将事变附加到calendar标志上，事变oncontentready将在calendar.htc文献十足被导出，并被领会时，指定处置功夫的是设置在javascript的因变量：fninit()：<script language="javascript">  </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>

HTML组件(HTML COMPONENTS)之三

相关推荐

推荐下载

热门阅览

最新排行