jQuery兼容浏览器IE8方法

1.前言

  在做前端开发的时候,公司的规范要求面向客户的兼容到IE8,但是在IE8模式下经常会发现各种错误,某某方法未定义、不支持某属性或对象等,使用jQuery的时候,jQuery从2.0开始不兼容IE8,最低支持IE9,所以需要引入更低的jQuery版本来兼容。

2.IE8不支持jQuery版本解决办法

  • 通过判断IE浏览器的版本来加载对应版本的jQuery

  使用语句<!--[if IE 8]> 仅IE8可识别 <![endif]--> 可在IE8模式下进行一些兼容操作。代码如下:

1 <script type="text/javascript" src="<%=path%>/js/jquery-3.1.1.min.js"></script>
2 <!--[if IE 8]>
3 <script type="text/javascript" src="<%=path%>/js/jquery-1.9.1.min.js"></script>
4 <![endif]-->

  这样在切换到IE8时,低版本的jQuery就会覆盖高版本的jQuery。如果在IE8下需要调整某些元素的样式的话,最好将JS代码放在页面底部(并注意是否有行内样式),不然为某些动态加载的内容设置的样式可能不会生效。

3.IE8不支持forEach解决办法

  • 为不支持forEach的浏览器添加自定义forEach方法

  代码如下:

1 if (typeof Array.prototype.forEach != ‘function‘) {
2     Array.prototype.forEach = function (callback) {
3         for (var i = 0; i < this.length; i++) {
4             callback.apply(this, [this[i], i, this]);
5         }
6     };
7 }

如果是引入的jQuery插件,可将该段代码放在插件内容的开头即可,这样在IE8下执行forEach方法就不会报错了。

原文地址:https://www.cnblogs.com/jakeylove3/p/8448167.html

时间: 2024-10-11 03:41:17

jQuery兼容浏览器IE8方法的相关文章

js/jquery判断浏览器的方法小结

在网站前端开发中,浏览器兼容性是前端开发框架要解决的第一个问题,要解决兼容性问题就得首先准确判断出浏览器的类型及其版本,而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道.今天我们把各种判断方法都总结一下,希望对大家有所帮助 JS获取浏览器信息 浏览器代码名称:navigator.appCodeName 浏览器名称:navigator.appName 浏览器版本号:navigator.appVersion 对Java的支持:navigator.javaEnabled() MIM

js/jquery判断浏览器的方法总结

JS获取浏览器信息浏览器代码名称:navigator.appCodeName浏览器名称:navigator.appName浏览器版本号:navigator.appVersion对Java的支持:navigator.javaEnabled()MIME类型(数组):navigator.mimeTypes系统平台:navigator.platform插件(数组):navigator.plugins用户代理:navigator.userAgent js判断IE浏览器的四种方法:方法一: if(windo

个人总结 css 浏览器兼容常见问题总结方法

1.如何让整个界面不出现滚动条,铺满整个浏览器.方法:在body中加overflow: hidden;有时候会出现底部有一段的空白,解决方法在form中加overflow: hidden;. 2.height:100%或者是width:100% 一加这个就会出现滚动条,除非控制. 3.IE显示下有时候字体会比其他浏览器显示的要小,解决方法:用IEhack区分不同浏览器 font-size:10px; 所有浏览器都可识别font-size:10px\9;所有IE浏览器都可识别font-size:1

【转】向HTML中插入视频并兼容所有浏览器的方法

原文地址:http://www.jb51.net/web/168548.html 向HTML中插入视频有两种方法,一种是古老的object标签,一种是html5中的video标签,前者兼容性相对好些,后者兼容性让人头疼 最常用的向HTML中插入视频的方法有两种,一种是古老的<object></object>标签,一种是html5中的<video></video>标签. 前者的兼容性没得说,但是使用起来不太方便,后者使用起来很方便,但是兼容性让人头疼. 虽然后

向HTML中插入视频并兼容所有浏览器的方法

最常用的向HTML中插入视频的方法有两种,一种是古老的<object></object>标签,一种是html5中的<video></video>标签. 前者的兼容性没得说,但是使用起来不太方便,后者使用起来很方便,但是兼容性让人头疼. 虽然后者兼容性存在很多问题,但是因为使用很方便,符合未来网页设计发展的趋势,因此我们以后者为主要的插入视频的方法,因为它兼容性的问题,前者作为辅助. 代码如下: <video width="602px"

【浏览器兼容】IE8

1.不支持rgba2.支持:first-child却不支持:last-child3.th会text-align:center,所以要在css开头设定th {text-align:inherit}4.display:none中的图片不会加载5.$(window).on('keydown')无效.只能使用$(document)6.同上,click也无效.7.IE7和IE8下png图片背景变黑的bug解决方案: [需要注意的是<img>不要加position,relative也不行]http://b

一行代码解决各种IE兼容问题IE8,IE9,IE10

一:一.指定文件兼容性模式(Xee:因为我已经放弃IE6,7了,所以以后设计的网页最低支持IE8;) 要为你的网页指定文件模式,需要在你的网页中使用meta元素放入X-UA-Compatible http-equiv 标头. 1. 强制IE8使用IE8模式来解析,而且那个兼容性视图 按钮也被去掉了 <meta http-equiv="X-UA-Compatible" content="IE=8"> 2. Google Chrome Frame也可以让IE

重新认识Jquery中的html()方法

今天测试给我提了一个bug:在页面上我需要借助"</td>"来获取表格中某行内的某列以后的单元格,也就是说里面有这样一行代码:"tr = tr.substring(tr.indexOf("</td>"));",这个JavaScript脚本在谷歌等浏览器中均可以达到预期效果,可是在IE8中就不行了,弄了一个多小时最后终于发现了问题,先看如下代码: <html> <head> <title>

JAVASCRIPT和JQUERY判断浏览器信息总汇(备忘)

<script type="text/javascript">        //jquery判断浏览器信息        $(function(){            var bro=$.browser;//获取浏览器用户代理信息;            var bro_msie=bro.msie;//判断是否为ie浏览器,假如为ie浏览器就返回:true,否则返回:undefined;            var bro_firefox=bro.mozilla;/