用javascript判断IE版本号简单实用且向后兼容

判断IE浏览器版本号是一个常见的需求，可以用来进行特定的兼容性处理，因此使用JavaScript实现这一功能是非常有必要的。本文将介绍一种简单实用且向后兼容的方法，具体实现步骤如下。

步骤1：获取用户的浏览器信息

我们可以通过获取用户浏览器的User Agent信息，来快速判断IE浏览器的版本号。这需要借助JavaScript内置的navigator对象，通过navigator.userAgent属性来获取浏览器信息。

var userAgent = navigator.userAgent;  // 获取用户浏览器信息

步骤2：解析浏览器信息，获得IE版本号

根据IE浏览器的User Agent信息，我们可以使用正则表达式来提取出IE版本号。以下是常见的几个IE浏览器版本号对应的User Agent信息示例：

• IE7: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0)
• IE8: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0)
• IE9: Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0)
• IE10: Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.1; Trident/6.0)

我们可以使用正则表达式来提取其中的版本号， 如下所示：

var reIE = /\b(MSIE |Trident.*?; rv:|Edge\/)(\d+)/;  // 正则表达式匹配IE浏览器版本号
var version = parseInt(userAgent.match(reIE)[2]);  // 解析浏览器版本号

其中，reIE是一个正则表达式对象，它是通过\b(MSIE |Trident.*?; rv:|Edge\/)(\d+)的方式来匹配IE浏览器版本号。其中：

• \b 表示单词边界，用于匹配 MSIE 或 Trident.*?; rv: 或 Edge\/前面的空格。
• MSIE、Trident.*?; rv:、Edge\/ 三个部分分别对应着 IE 5–10、IE 11及Edge的User Agent信息，.? 表示尽可能少的匹配，因为Trident后面可能还带有其他信息。
• (\d+) 表示匹配数字部分，即IE的版本号。由于IE 11及以上版本的User Agent信息中版本号在Trident后面，因此需要特殊处理。

解析出版本号后，我们就可以进行后续的处理。

步骤3：根据版本号进行兼容性处理

根据获取的IE版本号，我们可以进行特定的兼容性处理，以下是一个示例代码:

if (version == 7) {
    // IE7下的特殊处理
    // do something...
} else if (version == 8) {
    // IE8下的特殊处理
    // do something...
} else if (version == 9) {
    // IE9下的特殊处理
    // do something...
} else {
    // IE10及以上版本的处理
    // do something...
}

在上述代码中，我们通过if / else if / else的方式，根据不同版本号进行不同的兼容性处理。例如，在IE7下可能需要特殊处理一些样式或交互效果，而在IE10及以上版本中则可能不需要进行额外的处理。

可参见下面的完整示例:

var userAgent = navigator.userAgent;  // 获取用户浏览器信息

var reIE = /\b(MSIE |Trident.*?; rv:|Edge\/)(\d+)/;
var version = parseInt(userAgent.match(reIE)[2]);

if (version == 7) {
    alert('IE7');
} else if (version == 8) {
    alert('IE8');
} else if (version == 9) {
    alert('IE9');
} else {
    alert('IE10及以上版本');
}

以上就是用javascript判断IE版本号简单实用且向后兼容的完整攻略，希望对大家有所帮助。