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

时间: 2024-10-25 09:57:57

那些让IE6-8羞愧的替补型js的相关文章

前端之旅HTML与CSS篇之IE6常见BUG

1.IE6怪异解析之padding与border算入宽高原因:未加文档声明造成非盒模型解析解决方法:加入文档声明<!doctype html> 2.IE6在块元素.左右浮动.设定marin时造成margin双倍(双边距)解决方法:display:inline 3.以下三种其实是同一种bug,其实也不算是个bug,举个例子:父标签高度20,子标签11,垂直居中,20-11=9,9要分给文字的上面与下面,怎么分?IE6就会与其它的不同,所以,尽量避免.1)字体大小为奇数之边框高度少1px解决方法:

HTML+CSS+jQuery 纵向导航 &amp;&amp; 横向导航 &amp;&amp; 消除IE6 BUG &amp;&amp; 感悟怎样学习

<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8" /> <script type="text/javascript" src="jquery-1.11.3.min.js"> </script> <script

变态ie6之要求css与页面编码一致引发的问题

今天遇到了一个问题.某说有个页面可能标签有问题,我用各种ie和狐火打开一看,只有ie6不正常. 正常情况下应该是这样滴, 而在ie6下运行却是这样滴, 一看之下就断言是ie6又不兼容某种样式怎么滴,然后在那儿傻找原因.不对啊,这个页面时抠取的,样式都一样啊,然后我再仔细和原样式比对,真的找不出问题. 关键是在ie6下运行它始终报js错误, 我索性注释掉js,可还是报这个错.然后去网上找报这个错的原因,乱七八糟的. 后面一想不对啊,是整个这一块的样式都没加载,不是某一处啊.然后去网上找ie6下样式

使用Selectivizr让你的 CSS3选择器 通吃IE6/7/8

作者:文刀日月 使用Selectivizr让你的 CSS3选择器 通吃IE6/7/8 Selectivizr是一个JS文件,你只需要引入如JQuery.Mootools.Prototype等N多流行的JS框架中的任意一个,然后再调用Selectivizr,就可以让IE6/7/8支持CSS3选择器. 1 2 3 4 5 <!--[if (gte IE 6)&(lte IE 8)]>   <script src="http://code.jquery.com/jquery.

XSSF试用

   跨站脚本攻击框架(XSSF)使利用跨站脚本漏洞进行渗透攻击变得异常方便和快捷.该框架配合Metasploit的攻击模块真实地反映了跨站脚本漏洞的危害.XSSF不仅具有辅助的攻击功能,而且还提供与目标主机浏览器的通信信息功能,这样便于攻击者进一步对内网进行渗透.    XSSF目前的最新版本为3.0版本,该项目地址为https://code.google.com/p/xssf/,可在该主页下载到最新版本.下载完成后,解压压缩包,并把里面的四个文件夹Data.lib.modules.plugi

10个免费开源的JS音乐播放器插件

音乐播放器在网页设计中有时候会用到,比如一些时尚类.音乐或影视类等项目,但这些 网页播放器 插件比较少见,所以这里为大家整理一个集合,也许会有用到的时候. 下面整理的播放器有些是支持自适应的,如果需要用到微信或手机上,可根据自己需要求,选择对应的网页播放器.  ● Codrops Audio Codrops Audio 界面使用纯CSS编写,支持响应式,可以方便在桌面.平板以及手机设备上使用.界面因为是CSS编写,所以如果懂CSS样式,可以自己设计一个新的样式来修改. 演示&下载 ● Dark

一探前端开发中的JS调试技巧

前言:调试技巧,在任何一项技术研发中都可谓是必不可少的技能.掌握各种调试技巧,必定能在工作中起到事半功倍的效果.譬如,快速定位问题.降低故障概率.帮助分析逻辑错误等等.而在互联网前端开发越来越重要的今天,如何在前端开发中降低开发成本,提升工作效率,掌握前端开发调试技巧尤为重要. 本文将一一讲解各种前端JS调试技巧,也许你已经熟练掌握,那让我们一起来温习,也许有你没见过的方法,不妨一起来学习,也许你尚不知如何调试,赶紧趁此机会填补空白. 骨灰级调试大师Alert 那还是互联网刚刚起步的时代,网页前

Js获取当前日期时间+日期印证+判断闰年+日期的天数差+日期格式化+JS判断某年某月有多少天

Js获取当前日期时间+日期验证+判断闰年+日期的天数差+日期格式化+JS判断某年某月有多少天 字符串转日期型+Js当前日期时间+日期验证+判断闰年+日期的天数差+日期格式化+日期所在年的第几周 日期时间脚本库方法列表Date.prototype.isLeapYear 判断闰年Date.prototype.Format 日期格式化Date.prototype.DateAdd 日期计算Date.prototype.DateDiff 比较日期差Date.prototype.toString 日期转字符

跨域请求之JSONP

跨域恳求的方法有很多种, 1,iframe 2,document.domain 3,window.name 4,script 5,XDomainRequest (IE8+) 6,XMLHTTPRequest (Firefox3.5+) 7,postMessage (HTML5) 8,后台代理 ... 它们有各自的优缺点,回来的数据格局也各不同,应根据需要慎重挑选.比方iframe回来html片段就对比适合,费老劲用它回来JSON就因小失大了.这篇开端我将打造一个有用的跨域恳求东西Sjax.运用s