第21章用JS来画图-VML.pptVIP

第21章 用JS来画图－VML和behavior 上一章讲述了使用类的概念，在JavaScript语言中实现面向对象的编程。面向对象的封装和继承特性，使得代码更加的结构化，也使得代码的重用性得到加强。在JavaScript中合理的使用类的封装和继承，在操作大型的应用时是非常必要的。 JavaScript的一个缺憾是，其对图形的支持比较弱。例如没有什么内置的函数或方法可以用于生成一个指定的图片。幸运的是，“Internet Explorer 5.0”及其以后的版本支持行为（“behavior”），内置的“VML”行为允许JavaScript操作图形。 21.1 示例：用VML画出正弦和余弦曲线 代码.htm是一个使用JavaScript操作VML的behavior，画出正弦和余弦曲线的例子。 21.2 页面行为“Behavior”与“HTC” 动态HTML（DHTML）的行为（“Behavior”）是一种对页面的功能和行为封装的技术。在HTML页面的标准元素上应用“Behavior”时，可以增强元素的默认行为。“Behavior”同时也允许程序员向页面中添加自定义的元素。“Behavior”的功能的出现目的是彻底的实现代码与内容的分离。 21.2.1 “Behavior”简介 自“Microsoft Internet Explorer 5.5”开始，以及其后的“IE”浏览器开始支持“DHTML Behavior”。通过使用“Behavior”，可以增强HTML元素的行为，而不需要添加额外的代码。例如对无序列表“ul”元素，可以通过“Behavior”实现，在鼠标单击此列表时，此列表自动展开或折起。 “Behavior”作为一个封装的组件，可以实现进代码和内容的彻底分离。这样不仅仅利于代码的重用，而且有利于页面源代码的管理与控制。此外，对于“Behavior”的声明就像使用样式一样的简单，只需要在元素的“CSS”属性中声明其“Behavior”属性即可。 “Behavior”分为两类：一类是通过向HTML中现有的标记元素中，添加新属性、方法等来扩展其默认的行为模式，称为“附加行为”（“attached behavior”）；另一类是定义全新的标记名，实现自定义标记的扩展，称为“元素行为”（“element behavior”）。 附加行为的使用方式很简单，通过CSS中的“behavior”属性来实现对元素行为的指定。例如： body { behavior:url(myBehavior.htc); } .class1 { behavior:url(another.htc); } 20.2.2 “HTC”文件的基本书写规范 构造“HTC”文件的最简单，也是最快捷的方法就是使用DHTML和脚本语言（例如“VBScript”或“JavaScript”）来书写。不仅如此，“HTC”文件还可以通过微软脚本组件（WSC—“Miscrosoft Windows Script Componenet”），甚至于“Miscrosoft Visual C++”来书写。本书将就如何用DHTML和脚本实现HTC做一个简单的介绍。 用DHTML和脚本书写的“HTC”文件类似于一个普通的HTML文件，唯一的区别在于其中含有用于实现行为的脚本和一套用于“HTC”解析用的特殊标记。这些特殊标记表明了如何对指定的元素应用行为。 20.2.3 “HTC”文件中的特殊标记名（一） “HTC”中指定的特殊标记有： （1）“PUBLIC:COMPONENT”标记。此标记标志当前文件是一个“HTC”文件。其语法为： PUBLIC:COMPONENT ID = sID lightWeight = bLight literalContent = sLiteral NAME = sName supportsEditMode = bEditable tagName = sTagName URN = sURN !-- child elements -- /PUBLIC:COMPONENT 20.2.3 “HTC”文件中的特殊标记名（一） （2）“PUBLIC:DEFAULTS”标记。此标记位于“PUBLIC:COMPONENT”标记中，仅能出现一次。用于设置“HTC”元素的默认值。其语法为： PUBLIC:DEFAULTS canHaveHTML = bCanHaveHTML contentEditable = bEditable style = sStyle tabStop = bIsTabStop viewInheritStyle = bInheritsStyle