如上做一个弹出框针对ie兼容
// 获取IE版本 function IEVersion() { // 取得浏览器的userAgent字符串 var userAgent = navigator.userAgent; // 判断是否为小于IE11的浏览器 var isLessIE11 = userAgent.indexOf('compatible') > -1 && userAgent.indexOf('MSIE') > -1; // 判断是否为IE的Edge浏览器 var isEdge = userAgent.indexOf('Edge') > -1 && !isLessIE11; // 判断是否为IE11浏览器 var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf('rv:11.0') > -1; if (isLessIE11) { var IEReg = new RegExp('MSIE (\\d+\\.\\d+);'); // 正则表达式匹配浏览器的userAgent字符串中MSIE后的数字部分，，这一步不可省略！！！ IEReg.test(userAgent); // 取正则表达式中第一个小括号里匹配到的值 var IEVersionNum = parseFloat(RegExp['$1']); if (IEVersionNum === 7) { // IE7 return 7 } else if (IEVersionNum === 8) { // IE8 return 8 } else if (IEVersionNum === 9) { // IE9 return 9 } else if (IEVersionNum === 10) { // IE10 return 10 } else { // IE版本<7 return 6 } } else if (isEdge) { // edge return 'edge' } else if (isIE11) { // IE11 return 11 } else { // 不是ie浏览器 return -1 } }
然后进行动态渲染
if(-1!=IEVersion()){ $('body').append('<div class="top"><div class="tp"></div><div class="con">请下载谷歌浏览器，获取更好的使用体验<a href="https://www.google.cn/chrome/">立即下载</a></div> </div>') }
// 获取IE版本
function
IEVersion
() {
// 取得浏览器的userAgent字符串
var
userAgent
=
navigator
.
userAgent
;
// 判断是否为小于IE11的浏览器
var
isLessIE11
=
userAgent
.
indexOf
(
'compatible'
) > -
1
&&
userAgent
.
indexOf
(
'MSIE'
) > -
1
;
// 判断是否为IE的Edge浏览器
var
isEdge
=
userAgent
.
indexOf
(
'Edge'
) > -
1
&& !
isLessIE11
;
// 判断是否为IE11浏览器
var
isIE11
=
userAgent
.
indexOf
(
'Trident'
) > -
1
&&
userAgent
.
indexOf
(
'rv:11.0'
) > -
1
;
if
(
isLessIE11
) {
var
IEReg
=
new
RegExp
(
'MSIE (
\\
d+
\\
.
\\
d+);'
);
// 正则表达式匹配浏览器的userAgent字符串中MSIE后的数字部分，，这一步不可省略！！！
IEReg
.
test
(
userAgent
);
// 取正则表达式中第一个小括号里匹配到的值
var
IEVersionNum
=
parseFloat
(
RegExp
[
'$1'
]);
if
(
IEVersionNum
===
7
) {
// IE7
return
7
}
else
if
(
IEVersionNum
===
8
) {
// IE8
return
8
}
else
if
(
IEVersionNum
===
9
) {
// IE9
return
9
}
else
if
(
IEVersionNum
===
10
) {
// IE10
return
10
}
else
{
// IE版本<7
return
6
}
}
else
if
(
isEdge
) {
// edge
return
'edge'
}
else
if
(
isIE11
) {
// IE11
return
11
}
else
{
// 不是ie浏览器
return
-
1
}
}