利用jquery的$.support.opacity 判断浏览器及其版本

 前端之前导入jquery插件库即可完成。

/*
@since jquery.1.9+
利用jquery的$.support.opacity 判断浏览器及其版本
@author:hardyfeng
*/
$(function(){
    //1.获取浏览器当前设置的语言
    var type = navigator.appName;
    var local_language;
    if(type=="Netscape"){
        local_language = navigator.language;
    }else{
        local_language = navigator.userLanguage;
    }
    //2.取得浏览器语言的前两个字母
    var lang = local_language.substr(0,2);
    if(lang =="en"){
        $("#browsertitle").text("Please upgrade your browser");
    }else if(lang =="zh"){
        //其他操作
    }
    //3.判断浏览器的版本，并给出推荐的浏览器
    var userAgent = window.navigator.userAgent.toLowerCase();
    var $ie10 = $.support.opacity && /msie10\.0/i.test(userAgent);
    var $ie9 = $.support.opacity && /msie9\.0/i.test(userAgent);
    var $ie8 = $.support.opacity && /msie8\.0/i.test(userAgent);
    var $ie7 = $.support.opacity && /msie7\.0/i.test(userAgent);
    var $ie6 = $.support.opacity && !$.support.msie7 && $.support.msie && /msie6\.0/i.test(userAgent);
    
    if($ie10 || $ie9 || $ie8 || $ie7 || $ie6){
        $("#browser_ie").show();
        $("#mask").show();
    }else{
        $("#browser_ie,#mask").hide();
    }
    
    $(".win_close").click(function(){
        $("#browser_ie,#mask").hide();
    });
});