js判断运行jsp页面的浏览器类型以及版本示例

 更新时间:2013年10月30日 16:52:16   作者:  
做了一个判断浏览器类型和版本号的业务,记录下相关的js代码,个人感觉还不错,需要的朋友可以参考下
这两天做了一个判断浏览器类型和版本号的业务,记录下相关的js代码:
复制代码 代码如下:

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;
}
}

相关文章

  • 移动端点击图片放大特效PhotoSwipe.js插件实现

    移动端点击图片放大特效PhotoSwipe.js插件实现

    这篇文章主要为大家详细介绍了移动端点击图片放大特效PhotoSwipe.js插件实现方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • JS实现网页时钟特效

    JS实现网页时钟特效

    这篇文章主要为大家详细介绍了JS实现网页时钟特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • JS实现遍历不规则多维数组的方法

    JS实现遍历不规则多维数组的方法

    这篇文章主要介绍了JS实现遍历不规则多维数组的方法,涉及javascript数组递归遍历相关实现与使用技巧,需要的朋友可以参考下
    2018-03-03
  • 使用JavaScript优雅实现文本展开收起功能

    使用JavaScript优雅实现文本展开收起功能

    这篇文章主要为大家详细介绍了如何使用JavaScript优雅实现文本展开收起功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2024-04-04
  • JavaScript浮点数及运算精度调整详解

    JavaScript浮点数及运算精度调整详解

    浮点数的精度问题不是JavaScript特有的,本文主要介绍了JavaScript浮点数及运算精度调整详解,有需要的朋友可以了解一下。
    2016-10-10
  • JS实现标签页效果(配合css)

    JS实现标签页效果(配合css)

    实现的效果是当鼠标移到某一个标签的时候,在下面的内容区显示对应的内容,并且相应标签的颜色需要改变,这样的效果是CSS和JS配合实现的,下面我们就来看看具体代码
    2013-04-04
  • Json格式详解

    Json格式详解

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。JSON采用完全独立于语言的文本格式,这些特性使JSON成为理想的数据交换语言。易于人阅读和编写,同时也易于机器解析和生成
    2021-11-11
  • 微信小程序下拉菜单效果的实例代码

    微信小程序下拉菜单效果的实例代码

    这篇文章主要介绍了微信小程序下拉菜单效果的实例代码,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-05-05
  • js与jquery获取input输入框中的值实例讲解

    js与jquery获取input输入框中的值实例讲解

    在本篇文章里小编给大家整理了关于js与jquery获取input输入框中的值实例讲解,需要的朋友们可以学习参考下。
    2020-02-02
  • 使用p5.js实现动态GIF图片临摹重现

    使用p5.js实现动态GIF图片临摹重现

    这篇文章主要为大家详细介绍了使用p5.js实现动态GIF图片临摹重现,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-10-10

最新评论