那些让IE6-8羞愧的替补型js

标签：style   blog   color   io   使用   ar   sp   div   art   

1，html5shiv

这个js特别简单，可以让IE8识别一些新的标签，常用的比如 header footor section，就能使用更好的语义的标签了。

引入方式：

    <!--[if lt IE 9]>
        <script src="../../Scripts/lib/html5.js"></script>    
    <![endif]-->

2，json2.js

他可以补充JSON.parse JSON.stringify 两个json序列化反序列化方法

引入方法，IE8以下引入

    <!--[if lt IE 8]>
        @Scripts.Render("~/Scripts/json2.js")
    <![endif]-->

3，jQuery

没错，jquery出了2以后，为了IE6-8还得保持1的更新，羞愧吧。

引入方法：

    <!--[if lt IE 9]>
        @Scripts.Render("~/Scripts/JQuery/jquery-1.11.1.min.js")
    <![endif]-->
    <!--[if gte IE 9]>-->
    @Scripts.Render("~/Scripts/JQuery/jquery-2.1.1.min.js")
    <!--<![endif]-->

4，respond

respond.js可以让IE6-8支持 css的media query 响应式方案。

    <!--[if lte IE 8]>
    @Scripts.Render("~/Scripts/lib/respond/respond.min.js")
    <![endif]-->

5，excanvas

他利用IE的vml让低版本IE模拟实现canvas，效率低不少。

案例：百度echart图表控件

6.PIE

让IE6-8以及IE9支持css3的圆角阴影渐变等，同样使用vml，性能开销也不小。

7，flash相关js

有些js在低版本IE下会用flash作为替补

案例1：webuploader上传控件。

IE6~9会使用flash版本，IE10以上以及其他浏览器会使用html5版本。

 案例2：ckplayer 视频播放器

他包含了flash版本和html5双版本以兼容更多的浏览器。

结束语：

 我特别喜欢这种类型的js，更多的利用html5等先进浏览器支持的特性去快乐的玩耍，又有低版本IE下的替补方案，更好的将低版本IE边缘化。

那些让IE6-8羞愧的替补型js

标签：style   blog   color   io   使用   ar   sp   div   art   

原文地址：http://www.cnblogs.com/gxrsprite/p/4020198.html