小技巧系列:html或js判断IE浏览器
需求背景:
有的时候网页需要适配到IE较低的版本,但一些插件的js并不兼容,所以需要判断当前浏览器的版本并根据浏览器类型和版本来动态加载js
html判断IE
<!--[if !IE]><!-->
<script>
$.getScript("<{file js/xxx.min.js }>",function(){});
</script>
<!--<![endif]-->
注释:这个可以在非IE浏览器和IE10,IE11可以识别到这个标签
js判断IE
<script>
isIEVersion = function(){
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器
var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
if(isIE) {
var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
reIE.test(userAgent);
var fIEVersion = parseFloat(RegExp["$1"]);
if(fIEVersion == 7) {
return 7;
} else if(fIEVersion == 8) {
return 8;
} else if(fIEVersion == 9) {
return 9;
} else if(fIEVersion == 10) {
return 10;
} else {
return 6;//IE版本<=7
}
} else if(isIE11) {
return 11; //IE11
}else{
return -1;//不是ie浏览器
}
};
var version = isIEVersion();
//ie > 11 或者 非ie浏览器 xxx.js
if(version>=10 || version < 0){
$.getScript("<{file js/xxx.min.js }>",function(){});
}
</script>
有什么不对的地方或更好的方法请大佬们指正:):bowtie:
本作品采用《CC 协议》,转载必须注明作者和本文链接
推荐文章: