ie神器htc

在IE浏览器中为了做到组件（html）、样式（css）、脚本(js)（我们把这三者统称为行为）的复用，也就是只需要定义一个行为后，可以在很多地方可以重复使用，相当于node中的模块。

因此引入了behavior（行为）的概念，“行为”作为一个简单易用的组件，它封装了页面上特定的功能或动作。

当把一个“行为”附到WEB页面中的一个元件上时，这个元件的原有行为就会有所改变。就像自定义了一个css样式或js事件。其原理是通过js脚本来达到需要的效果。

组成“行为”组件的文件都是以.htc为扩展名。具体写法略

示例

css3中的box-radius box-shadow text-shadow属性是不被IE9以下支持的、但是这些属性又非常有用，所以可以编写一个.htc文件来让IE支持这些属性。

ie-css3.htc 该文件的原理是使用IE支持的VML来绘制出圆角、阴影等效果。

使用

.box {
  -moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari 和 Chrome */
  border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

  -moz-box-shadow: 10px 10px 20px #000; /* Firefox */
  -webkit-box-shadow: 10px 10px 20px #000; /* Safari 和 Chrome */
  box-shadow: 10px 10px 20px #000; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

  behavior: url(ie-css3.htc); /* 通知IE浏览器调用脚本作用于'box'类 */
}