初探 HTML 组件 - 定义方法

2016-02-19 21:36 2 1 收藏

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐初探 HTML 组件 - 定义方法,无聊中的都看过来。

【 tulaoshi.com - Web开发 】

  我们可以使用 PUBLIC:METHOD 元素来定义 HTC 的方法集,如下例所示:

PUBLIC:METHOD NAME="startFlying" /

  当我们定义了一个方法后,我们就可以在 HTC 中直接来调用它。请看下面的例子:

PUBLIC:METHOD NAME="tick" /
PUBLIC:METHOD NAME="startFlying" /
:
SCRIPT LANGUAGE="JScript"
var currCount;
var flyCount;
var flying;
var msecs;

var oTop, oLeft;
msecs = 50;
flyCount = 20;
flying = false;

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

runtimeStyle.position = "relative";
runtimeStyle.visibility = "hidden";

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

window.attachEvent("onload", onload);

function onload()
{
// delay commences from the window.onLoad event
if (delay != "none")
{
window.setTimeout(uniqueID+".tick()", delay);
}
}

function tick()
{
if (flying == false)
{
startFlying();
}
else
{
doFly();
}
}

function startFlying()
{
if (fromX==null && fromY==null)
{
if (from=="top")
{
runtimeStyle.posTop = -offsetTop-offsetHeight;
}
else if (from=="bottom")
{
runtimeStyle.posTop = element.document.body.clientHeight;
}
else if (from=="right" )
{
runtimeStyle.posLeft = element.document.body.clientWidth;
}
else
{
runtimeStyle.posLeft = -offsetLeft-offsetWidth;
}
}
else
{
runtimeStyle.posTop = fromY;
runtimeStyle.posLeft = fromX;
}

runtimeStyle.visibility = "visible";
flying = true;

oTop = runtimeStyle.posTop;
oLeft = runtimeStyle.posLeft;

currCount = 0;
doFly();
}

function doFly()
{
var dt, dl;

currCount++;
dt = oTop / flyCount;
dl = oLeft / flyCount;

runtimeStyle.posTop -= dt;
runtimeStyle.posLeft -= dl;

if (currCount flyCount)
{
window.setTimeout(uniqueID+".tick();", msecs);
}
else
{
runtimeStyle.posTop = 0;
runtimeStyle.posLeft = 0;
flying = false;
evObj = createEventObject();
evObj.setAttribute("resulty", uniqueID);
finished.fire(evObj);
}
}
/SCRIPT

来源:https://www.tulaoshi.com/n/20160219/1626641.html

延伸阅读
  ===最顶级页面=== 现在我们将我们注视的焦点转向我们的日历应用例子,该应用包括4个不同页面,canlendar.html为最顶级HTML文档,该页包含了calendar.htc HTC,而canlendar.htc有反过来包含两个别的HTC:day.htc和today.htc,calendar.html 内容如下: <HTML XMLNS:MYCAL <HEAD <TITLECalendar Example</TITLE ...
  ===CALENDAR HTC=== <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" <!-- functio...
  ====日历主页面=== <head <titleCalendar Example</title <?IMPORT NAMESPACE="MYCAL" IMPLEMENTATION="calendar.htc"/ </HEAD <BODY <PClick a day in the calendar to add or modify your schedule.</P <MYCAL:CALENDAR</MYCAL:CALENDAR </BODY </HTML ===CALENDAR HTC=== <HEAD...
  ====日历主页面=== <head <titleCalendar Example</title <?IMPORT NAMESPACE="MYCAL" IMPLEMENTATION="calendar.htc"/ </HEAD <BODY <PClick a day in the calendar to add or modify your schedule.</P <MYCAL:CALENDAR</MYCAL:CALENDAR </BODY </HTML ===CALENDAR HTC=== <HEAD...
  HTML 组件(HTML COMPONENTS)是IE5。0的主要扩展之一,其也最具革命性,微软的意图是用HTML组件来取代ACTIVEX控件,和ACTIVE控件一样,HTML组件是自持续封闭对象,可以一次开发任意使用,使用HTML组件有很多好处,本文将给您揭示其中的一些! HTML组件带入了很多新的术语、思想、对象、方法和属性,我将通过一个日历应用给您接受...

经验教程

159

收藏

82
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部