保证低版本IE不报错的使用高级插件库

最近公司做的最新的项目,因为明确了不再支持低版本浏览器,所以这次在选择jQuery库的时候果断选择了jquery-2.1.1 相当的其它的插件都是使用的最新的:Bootstrap3(v3.3.4) css也使用的


插件的使用: jquery-2.1.1  Bootstrap3(v3.3.4) less-1.3.1


本来一切都很顺利,但后面测试时就出现问题了,在 IE8内核的浏览器下面,页面就乱七八糟,而且各种JS到处都在报错


首选要做的就是要在页面做一个判断浏览器为 IE8- 然后用JS在页面输出你想要展示的内容(我是直接把原来的内容屏蔽,只提示让其更换浏览器)

QQ图片20150722201544.png

那么问题来了,你要写JS就必须要保存之前引用的JS不报错,因为CSS采用的是 less 所以就必须要把 jquery 等JS放在 head 之间


最后使用的方法是 :


1,把JS CSS 等文件都放在一个 名为inc(当然你也可以取个你喜欢的妹子的名字)的文件里 我这里写的是:inc.jsp

2,在head 中通过这样的方式引用进来

<jsp:include page="layout/inc.jsp"></jsp:include>

当然引用的代码要根据你的程序语言来定

这样就会在 IE8+ 的浏览器中添加你要的 所有插件库等,当然不加载也就不会报错了


然后在页面尾部再添加想要显示的内容

var _IE = (function(d,w){
		  return d.querySelector ? d.documentMode : (d.compatMode == "CSS1Compat" ? "XMLHttpRequest" in w ? 7 : 6 : 5);
		}(document, this));
	if ( _IE <= 8) {
		document.body.innerHTML=''+
		  	''+
			'哎呀!~~~您的浏览器版本太低啦!建议您换用更高版本的浏览器'+
			'如果您使用的是360,请调整模式为极速'+
		''+
	'';
	}

或者

document.body.innerHTML=''+
		  	''+
			'哎呀!~~~您的浏览器版本太低啦!建议您换用更高版本的浏览器'+
			'如果您使用的是360,请调整模式为极速'+
		''+
	'';


这样就完美啦,当然,如果你要显示的内容比较完美,也可以定义一个页面来引用,然后在页面中就想怎么画就怎么画啦


或者在不同的版本调用不同的JS(当然这个方法我是极力反对的,就是不能把其它使用低版本浏览器的人习惯养好了)



版权及转载说明

本站原创、转载文章欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区

本站转载文章版权归原作者所有,如发现本站文章涉嫌侵权请点击「联系我们」反馈,本站将立即给予删除

转载请注明:文章转载自:全分享社区 「http://www.aweb.cc

本文标题:保证低版本IE不报错的使用高级插件库

本文地址:http://www.aweb.cc/article/detail/id/393.html

CSS画各种图型(2) —— css3画 <<上一篇 下一篇>>css实现步骤条/进度条