JS 中如何判断出 各个IE浏览器的版本

JavaScript026

JS 中如何判断出 各个IE浏览器的版本,第1张

IE6~IE10的浏览器特征明显，存在msie字符串，而IE11去掉了msie字符串，可以通过rv后面的版本号识别IE11，具体方法如下：

function IETester(userAgent){

    var UA =  userAgent || navigator.userAgent

    if(/msie/i.test(UA)){

        return UA.match(/msie (\d+\.\d+)/i)[1]

    }else if(~UA.toLowerCase().indexOf('trident') && ~UA.indexOf('rv')){

        return UA.match(/rv:(\d+\.\d+)/)[1]

    }

    return false

}

IETester()//不传参数返回当前IE版本，如果不是IE内核浏览器，返回false

IETester('Mozilla/5.0 (Windows NT 6.3 WOW64 Trident/7.0 rv:11.0) like Gecko')//传userAgent字符串，用来判断其他IE浏览器的版本,该示例返回11.0

目前只支持border-radius box-shadow 和 text-shadow 不过不建议用，会有浮动到时候又要hack，而且代码性能差。

注意：不支持rgba颜色值，诸如box-shadow:0 0 3px rgba(0,0,0,.2)只能box-shadow:0 0 3px #f5f5f5

<html>

<head>

<link href="1.css" rel="stylesheet" type="text/css" id="MyCSS">

</head>

<body>

<script type="text/javascript">

function changeCss()

{

document.getElementById("MyCSS").href="2.css"

}

</script>

<div id="ts">test</div>

<input type="button" onclick="changeCss()" value="Change">

</body>

</html>

你写两个CSS分别是1.css和2.css，原本是使用1.css一点按钮就应用了2.css，你自己写一下判断浏览器类型的函数，然后执行。