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

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边缘化。

 

posted @ 2014-10-12 10:11  咖喱gg  阅读(1734)  评论(4编辑  收藏  举报