助您的企业征战互联网 - 苜蓿草网络

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

时间:2014-10-12 15:05     热度:615    作者:eflay     来源:博客园

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

 

标签:  THML  CSS  网页  JS