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

HTML组件(HTML COMPONENTS)之五

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

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="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而不是lightyellow,而且字体脸色是blue 而不是red. 　　提防在日历中暂时日子是粉赤色(pink)后台蓝色的字。　　下节将列出咱们所讲的日历的完备代码和一个不必htc组件本领实行的日历代码

HTML组件(HTML COMPONENTS)之五

相关推荐

推荐下载

热门阅览

最新排行