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


Posted in Javascript onOctober 30, 2013

这两天做了一个判断浏览器类型和版本号的业务,记录下相关的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; 
} 
}
Javascript 相关文章推荐
在一个浏览器里呈现所有浏览器测试结果的前端测试工具的思路
Mar 02 Javascript
jQuery UI的Dialog无法提交问题的解决方法
Jan 11 Javascript
详解参数传递四种形式
Jul 21 Javascript
JavaScript操作XML/HTML比较常用的对象属性集锦
Oct 30 Javascript
jquery判断密码强度的验证代码
Apr 22 Javascript
深入解析JavaScript中的立即执行函数
May 21 Javascript
在javascript中,null>=0 为真,null==0却为假,null的值详解
Feb 22 Javascript
jQuery UI 实例讲解 - 日期选择器(Datepicker)
Sep 18 jQuery
Vue项目从webpack3.x升级webpack4不完全指南
Apr 28 Javascript
Vue+Express实现登录注销功能的实例代码
May 05 Javascript
全面解析js中的原型,原型对象,原型链
Jan 25 Javascript
二维码条形码生成的JavaScript脚本库
Jul 07 Javascript
JS复制到剪贴板示例代码
Oct 30 #Javascript
3种不同方式的焦点图轮播特效分享
Oct 30 #Javascript
js同比例缩放图片的小例子
Oct 30 #Javascript
javascript实现颜色渐变的方法
Oct 30 #Javascript
window.onload和$(function(){})的区别介绍
Oct 30 #Javascript
js history对象简单实现返回和前进
Oct 30 #Javascript
js 3种归并操作的实例代码
Oct 30 #Javascript
You might like
Yii 2.0在Grid中格式化时间方法示例
2017/06/06 PHP
js数据验证集合、js email验证、js url验证、js长度验证、js数字验证等简单封装
2010/05/15 Javascript
为什么要在引入的css或者js文件后面加参数的详细讲解
2013/05/03 Javascript
判断JS对象是否拥有某种属性的两种方式
2013/12/02 Javascript
jQuery中filter()方法用法实例
2015/01/06 Javascript
JS判断字符串变量是否含有某个字串的实现方法
2016/06/03 Javascript
jQuery实现的电子时钟效果完整示例
2018/04/28 jQuery
vue组件实现可搜索下拉框扩展
2020/10/23 Javascript
jQuery实现简单复制json对象和json对象集合操作示例
2018/07/09 jQuery
Vue 中的受控与非受控组件的实现
2018/12/17 Javascript
Vue.js 中的实用工具方法【推荐】
2019/07/04 Javascript
vscode中Vue别名路径提示的实现
2020/07/31 Javascript
JavaScript实现轮播图效果
2020/10/30 Javascript
[37:02]OG vs INfamous 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
Python实现LRU算法的2种方法
2015/06/24 Python
Python IDLE 错误:IDLE''s subprocess didn''t make connection 的解决方案
2017/02/13 Python
Python实现修改IE注册表功能示例
2018/05/10 Python
实例详解python函数的对象、函数嵌套、名称空间和作用域
2019/05/31 Python
解决Keras 中加入lambda层无法正常载入模型问题
2020/06/16 Python
python中return如何写
2020/06/18 Python
基于python实现简单C/S模式代码实例
2020/09/14 Python
新百伦折扣店:Joe’s New Balance Outlet
2016/08/20 全球购物
美国高端婴童品牌:Hanna Andersson
2016/10/30 全球购物
英国高级百货公司:Harvey Nichols
2017/01/29 全球购物
澳大利亚冒险体验:Adrenaline(跳伞、V8赛车、热气球等)
2017/09/18 全球购物
ASOS西班牙官网:英国在线时尚和美容零售商
2020/01/10 全球购物
面试后的感谢信范文
2014/02/01 职场文书
读书活动总结范文
2014/04/26 职场文书
空气环保标语
2014/06/12 职场文书
人身意外保险授权委托书
2014/10/01 职场文书
学校会议通知范文
2015/04/15 职场文书
党支部综合考察意见
2015/06/01 职场文书
西安事变观后感
2015/06/12 职场文书
nginx中proxy_pass各种用法详解
2021/11/07 Servers
html中两种获取标签内的值的方法
2022/06/10 HTML / CSS
Oracle查看表空间使用率以及爆满解决方案详解
2022/07/23 Oracle