htc-浏览器上的舞者

《htc-浏览器上的舞者》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、很久以来一直为页面工作的繁琐和杂乱而苦恼，做B/S很多时候痛苦就在做表现层这一块，业务逻辑和数据层的处理反而轻松不少。为什么？因为不能复用，大量的CSS和Javascript和HTML交错在一起，然后再夹杂一些程序代码，维护的时候只有痛苦的感觉，往往做好了就不愿意动，不愿意改。同时又想客户端的操作尽可能的漂亮易用，javascript不用是不可能的。在做.NET的时候这种感觉到并不强烈，因为.NET已经把控件做的很完善，常用控件也都有了。直到遇到JSP……基于.NET的开发经验，我非常想把页面上的代码能够写的比较清晰，但是JS

2、P里面没有服务端控件，突然想到.NET里面的TREEVIEW控件是采用HTC制作的，于是从这开始我进入的HTC的殿堂。　　　　HTC(HTMLComponent)　　　　HTML组件通过不断的学习与研究，我认为他就是基于脚本的面向对象编程技术。由于Javascript和Html的基础还比较好，所以很快就能够熟练应用。而其中DOM文档对象模型将会在HTC中成为主要的应用点。　　　　采用HTC带来的好处是巨大的，服务端程序不用再考虑样式之类的问题，所有的样式都可以在HTC中进行设置，服务端只需要装填数据，然后HTC根据设置的属性来

3、显示出想要的效果，我在做一个TreeView控件的时候，甚至把递归都写在了HTC里面，服务端只是把数据取出来而已。　　　　另外的好处是复用，大家采用统一的HTC控件，带来了风格的一致，同时节省了大量的编码时间，很多不懂Javascript的程序员也能非常容易的使用。有时候想什么MVC,STRUTS之类的技术在某些方面带来的好处也许还不如HTC带来的好处多，因为表现层的工作一直以来都是最繁重的。这是我的一点感受，希望能够对大家的工作带来一点帮助。　　　　　　下面是学习HTC的MSDN站点，有时间我也会写一些。　　　　http:/

4、/msdn.microsoft.com/library/default.asp?url=/workshop/components/htc/reference/htcref.asp在微软IE5.0版本的浏览器发布以前，网页编程中面对的最大挑战就是不能轻易地创建组件，以达到代码重用和多页面共享的目的。这个问题一直困扰着DHTML（动态HEML）的网页编程者。他们只能不断地重复书写HTML、CSS和javascript的代码，以满足多个页面上的重复或相似的功能。自IE5.0浏览器发布后，这种情况得到了改善，它带给我们一个新的指令组合

5、方法，可把实现特定功能的代码封装在一个组件内，从而实现多页面的代码重用，使网页编程进入一个全新的天地。这个新的技术就是我们要谈到的DHTML中的“行为”（Behaviors）。    “行为”作为一个简单易用的组件，它封装了页面上特定的功能或动作。当把一个“行为”附到WEB页面中的一个元件上时，这个元件的原有行为就会有所改变。因此，网页编程者可以开发通用的DHTML指令，并改变原有对象的一些属性，用“行为”来增强一个对象的功能，同时也简化了页面的HTML代码。而且“行为”的创建和使用也非常简单方便，所需的知识也只是原来已经习惯

6、使用的CSS样式表、HTML指令和javascript脚本语言。只要你对此有所了解，有过实际编程的经历，学习并掌握“行为”的使用完全没有问题。我们将以一个改变字体效果的“行为”组件为例来说明如何编写和使用一个“行为”，并体验“行为”给页面编辑带来的优点和方便之处。　　首先新建一个名为font_efftce.htc的文本文件，组成“行为”组件的文件都是以.htc为扩展名，这个文件中的内容就是我们对这个“行为”的描述。它的创建和使用步骤如下：(1)首先给这个“行为”增加几个事件响应，语句书写格式如下：

7、VENT="onmouseover"ONEVENT="glowit()"/>“EVENT”对应所需事件名,在这里分别为:onmouseover,onmouseout,onmousedown,onmouse

8、up四个事件名，你当然可以再增加其它的事件名来满足你的特定需求。“ONEVENT”对应着个自的事件句柄，即事件触发时所调用的函数名称。glowit()函数使字体周围产生一个红色的辉光。noglow()函数是消除字体的辉光效果。Font2yellow()函数是把字体颜色改为黄色