XML 行为 - 新的DHTML?
类别: XML教程
一个行为是一个CSS属性选择器。它可以指向一个XML 文件,这个文件中包含着与一个Web页面中的元素执行的相反的代码。 行为不是W3C标准的,它是Microsoft独有的技术。
行为是什么?
一个行为是一个新的CSS属性选择器。一个行为选择器可以指向一个单独的XML文件,其中包含着一个Web页面中的XML或HTML元素所执行的相反的代码。你理解了吗?就是一个将脚本代码完全从HTML页面中移走的方法?太好了。现在我们从编写脚本库开始,然后将脚本附加到我们选择的任意元素上。
它是如何工作的?
看看这个HTML文件。它有一个< style>元素,它为< h1>元素定义了一个行为:
< html>
< head>
< style>
h1 { behavior: url(behave.htc) }
< /style>
< /head>
< body>
< h1>Move your Mouse over me< /h1>
< /body>
< /html>
用这个例子自己试一试,将鼠标移过文本。行为代码存储在XML文档behave.htc中,如下所示:
< component>
< attach for="element" event="onmouseover"
handler="hig_lite" />
< attach for="element" event="onmouseout"
handler="low_lite" />
< script language="JavaScript">
function hig_lite()
{
element.style.color=255
}
function low_lite()
{
element.style.color=0
}
< /script>
< /component>
这个行为文件中包含JavaScript。这个脚本被包装在一个< component>元素中。元素包装器还包含脚本的事件操作器。这行为很好,是吗?
行为是什么?
一个行为是一个新的CSS属性选择器。一个行为选择器可以指向一个单独的XML文件,其中包含着一个Web页面中的XML或HTML元素所执行的相反的代码。你理解了吗?就是一个将脚本代码完全从HTML页面中移走的方法?太好了。现在我们从编写脚本库开始,然后将脚本附加到我们选择的任意元素上。
它是如何工作的?
看看这个HTML文件。它有一个< style>元素,它为< h1>元素定义了一个行为:
< html>
< head>
< style>
h1 { behavior: url(behave.htc) }
< /style>
< /head>
< body>
< h1>Move your Mouse over me< /h1>
< /body>
< /html>
用这个例子自己试一试,将鼠标移过文本。行为代码存储在XML文档behave.htc中,如下所示:
< component>
< attach for="element" event="onmouseover"
handler="hig_lite" />
< attach for="element" event="onmouseout"
handler="low_lite" />
< script language="JavaScript">
function hig_lite()
{
element.style.color=255
}
function low_lite()
{
element.style.color=0
}
< /script>
< /component>
这个行为文件中包含JavaScript。这个脚本被包装在一个< component>元素中。元素包装器还包含脚本的事件操作器。这行为很好,是吗?
- 上一篇: XML相关的技术
- 下一篇: 向你的XML增加一个导航脚本
-= 资 源 教 程 =-
文 章 搜 索