前端开发过程中浏览器版本的两种判定方法

在网上查找浏览器及版本判定方法有好多，此处小弟总结一二，以节省大家时间。

1.jquery的方法：

通过正则表达式可判定常用浏览器及其版本。
代码如下:
<span style="font-size:12px">function allinfo(){

var ua = navigator.userAgent;
ua = ua.toLowerCase();
var match = /(webkit)[ //]([/w.]+)/.exec(ua) ||
/(opera)(?:.*version)?[ //]([/w.]+)/.exec(ua) ||
/(msie) ([/w.]+)/.exec(ua) ||
!/compatible/.test(ua) && /(mozilla)(?:.*? rv:([/w.]+))?/.exec(ua) || [];

//如果需要获取浏览器版本号：match[2]

switch(match[1]){
case "msie": //ie
if (parseInt(match[2]) === 6){ //ie6
alert("ie6");
alert("暂时不支持IE7.0及以下版本浏览器，请升级您的浏览器版本！");
//document.getElementById("hid").style.display = "none";
// document.getElementById("show").style.display = "block";
//document.getElementById("nosee_b").style.display = "none";
}
else if (parseInt(match[2]) === 7) { //ie7
alert("ie7");
//document.getElementById("hid").style.display = "none";
// document.getElementById("show").style.display = "block";
}
else if (parseInt(match[2]) === 8){ //ie8
alert("ie8");
}
else if(parseInt(match[2]) === 9){
alert("ie9");
//document.getElementById("hid").style.display = "none";
}
break;
case "webkit": //safari or chrome
//alert("safari or chrome");
// document.getElementById("middle").style.display = "none";
break;
case "opera": //opera
alert("opera");
break;
case "mozilla": //Firefox
alert("Firefox");
//document.getElementById("hid").style.display = "none";
break;
default:
break;
}
} </span>

此处用到“===”，了解到其与“==”和“=”的关系

=这个就不多说了，开发中是给参数赋值。

== equality 等同，=== identity 恒等。
==， 两边值类型不同的时候，要先进行类型转换，再比较。
===，不做类型转换，类型不同的一定不等。

For Example:
如果两个值类型不同，他们可能相等。根据下面规则进行类型转换再比较：
a、如果一个是null、一个是undefined，那么[相等]。
b、如果一个是字符串，一个是数值，把字符串转换成数值再进行比较。
c、如果任一值是 true，把它转换成 1 再比较；如果任一值是 false，把它转换成 0 再比较。
d、如果一个是对象，另一个是数值或字符串，把对象转换成基础类型的值再比较。对象转换成基础类型，利用它的toString或者valueOf方法。js核心内置类，会尝试valueOf先于toString；例外的是Date，Date利用的是toString转换。

2.HTML中的注释方法

（1）HTML中的注释方法
可使用如下代码检测当前IE浏览器的版本（注意：在非IE浏览器中是看不到效果的），此方法用于IE5及以上版本。
HTML 的注释格式是 <!-- Comment content --> ， IE 对HTML注释做了一些扩展，使之可以支持条件判断表达式：