javascript 判断当前浏览器版本并判断ie版本

javascript 判断当前浏览器版本并判断ie版本:

方便以后再次使用:

1、判断ie版本

//js判断Ie 版本
function IeVesion() {
var Sys = {};
var ua = navigator.userAgent.toLowerCase();
var s;
(s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
(s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
(s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
(s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
(s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;
var ieversion;
if (Sys.ie){
ieversion = parseInt(Sys.ie);
if(ieversion<8) {
alert("尊敬的用户!\n\n 您目前使用的Internet Explorer版本为:"+Sys.ie+"");
setIsTextReadOnly(true);
}
} else if (Sys.firefox) {
ieversion = Sys.firefox;
//setIsTextReadOnly(true);
} else if (Sys.chrome) {
ieversion = Sys.chrome;
} else if (Sys.opera) {
ieversion = Sys.opera;
} else if (Sys.safari) {
ieversion = Sys.safari;
}
} </span>

2、判断是什么类型浏览器

//js判断浏览器
//判断浏览器版本
function getIEVersion() {
 var OsObject = "";
 if(navigator.userAgent.indexOf("MSIE")>0) {
 return "MSIE"; //IE
 } else if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
 return "Firefox"; //火狐
 } else if(isSafari=navigator.userAgent.indexOf("Safari")>0) {
 return "Safari"; //Ipad浏览器
 } else if(isCamino=navigator.userAgent.indexOf("Camino")>0){
 return "Camino";
 } else if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){
 return "Gecko";
 }
}</span>

3、再分享一个常用的只判断ie版本的代码

var iEVersion =function() {
			// 取得浏览器的userAgent字符串
			var userAgent = navigator.userAgent;
			// 判断是否为小于IE11的浏览器
			var isLessIE11 = userAgent.indexOf('compatible') > -1 && userAgent.indexOf('MSIE') > -1;
			// 判断是否为IE的Edge浏览器
			var isEdge = userAgent.indexOf('Edge') > -1 && !isLessIE11;
			// 判断是否为IE11浏览器
			var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf('rv:11.0') > -1;
			if (isLessIE11) {
				var IEReg = new RegExp('MSIE (\\d+\\.\\d+);');
				// 正则表达式匹配浏览器的userAgent字符串中MSIE后的数字部分,,这一步不可省略!!!
				IEReg.test(userAgent);
				// 取正则表达式中第一个小括号里匹配到的值
				var IEVersionNum = parseFloat(RegExp['$1']);
				if (IEVersionNum === 7) {
					// IE7
					return 7
				} else if (IEVersionNum === 8) {
					// IE8
					return 8
				} else if (IEVersionNum === 9) {
					// IE9
					return 9
				} else if (IEVersionNum === 10) {
					// IE10
					return 10
				} else {
					// IE版本<7
					return 6
				}
			} else if (isEdge) {
				// edge
				return 'edge'
			} else if (isIE11) {
				// IE11
				return 11
			} else {
				// 不是ie浏览器
				return -1
			}
		};	

调用方法

var ie_version=iEVersion();
	var low_ie_version=false;//判断是否是低版本ie浏览器
	if(ie_version>=6&&ie_version<=9){
		//适配低版本ie浏览器
		low_ie_version=true;
		var head = document.getElementsByTagName('head')[0];
		var link = document.createElement('link');
		link.href = "/css/indexIE.css";
		link.rel = 'stylesheet';
		link.type = 'text/css';
		head.appendChild(link);
	}

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

(0)

相关推荐

  • JavaScript兼容浏览器FF/IE技巧

    做BS开发就难免会用到javascript,而每个浏览器对javascript的支持有不同.这就需要我们程序员去兼容他们,不然有些浏览器就无法运行我们的代码.就会造来客户的投诉,如果让BoSS知道了,这可不太好哦. 下面是兼容IE和FF的js脚本做法和分解(部分选自网上,经本人整理),希望对大家有帮助. .以下以 IE 代替 Internet Explorer,以 MF/FF 代替 Mozzila Firefox //window.event IE:有window.event对象 FF:没有wi

  • JavaScript 判断浏览器是否是IE

    作为一个前端,避免不了会遇见IE的坑,其他浏览器都好好的,测到IE就完蛋,各种不支持,服气了 有些属性和方法是所有版本IE都不支持,而有些则是部分支持,在项目中能够,主要分界岭为IE8,我相信目前大部分在维护和开发的项目,都是支持到IE8及已上版本即可,那么这篇文章,粗浅的总结一下,如何判断浏览器是IE及版本是8.0 首先,有些属性和方法是所有版本IE都不支持,那么只需要判断是否是IE即可 以下三种是我在项目中,用到的方法,如有新的方法,会更新,若大家有其他更好的方法,还望不吝赐教~~ docu

  • JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome

    今天为大家分享一下我自己制作的浏览器滚动条,我们知道用css来自定义滚动条也是挺好的方式,css虽然能够改变chrome浏览器的滚动条样式可以自定义,css也能够改变IE浏览器滚动条的颜色.但是css只能是改变IE浏览器的颜色,而且CSS不能做到改变火狐浏览器的样式和颜色.所以只能是通过JavaScript来实现了.也有插件可以做到.我分享一下我自己使用原生JavaScript实现的思路.先上个图看下效果: JavaScript实现的思路就是模拟浏览器自身滚动条.我制作的思路是先将整个文档放在一

  • JS实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】

    本文实例讲述了JS实现获取图片大小和预览的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <he

  • Javascript在IE和Firefox浏览器常见兼容性问题总结

    本文总结分析了Javascript在IE和Firefox浏览器常见兼容性问题.分享给大家供大家参考,具体如下: 表单 document.formName.item("itemName") IE:可以使用document.formName.item("itemName")或document.formName.elements["elementName"] Firefox:只能使用document.formName.elements["el

  • JS编写兼容IE6,7,8浏览器无缝自动轮播

    项目要求页面兼容IE6,7,8等浏览器,我们可能会遇到这个轮播效果,轮播板块要求:无限循环.自动轮播和手动切换功能,每一次滚动一小格,网上有很多这类插件,例如:swiper等! 但是很多都是不兼容IE6,7,8这些低级浏览器的,没有办法,只能自己写一个类似的轮播插件 废话不多说,直接上代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></tit

  • JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案

    前言:最近项目里面需要用到表格的冻结列功能,所谓"冻结列",就是某些情况下表格的列比较多,需要固定前面的几列,后面的列滚动.遗憾的是,bootstrap table里自带的fixed column功能有一点bug,于是和同事讨论该如何解决,于是就有了这篇文章. 一.起因回顾 最近项目里面有一个表格需求,该表格列是动态产生的,而且列的数量操作一定值以后就会出现横向滚动条,滚动的时候需要前面几列固定.也就是所谓的excel的冻结列功能.该如何实现呢?不用多说,当然是查文档,于是找到了这篇h

  • JS如何判断浏览器类型和详细区分IE各版本浏览器

    今天用到JS判断浏览器类型,于是就系统整理了一下,便于后期使用. /* * 描述:判断浏览器信息 * 编写:LittleQiang_w * 日期:2016.1.5 * 版本:V1.1 */ //判断当前浏览类型 function BrowserType() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; //判断是否

  • js实现保存文本框内容为本地文件兼容IE,chrome,火狐浏览器 原创

    很多网站实现了利用JS保存页面中文本框内容到本地,并另存为指定文件扩展名与编码类型的功能,特别是一些代码教程,JS特效站上更是长见.如何利用JS实现这种功能的呢,下面给出了具体的实现代码 首先建立HTML文件,具体代码如下 <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body&

  • IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法

    本文实例讲述了IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法.分享给大家供大家参考,具体如下: 经常我们用表单提交东西,在提交后,浏览器会自动记录你输入的东西,下次你再输入的时候,可以重新选择,但是如果你是用IE的话,这里有一个BUG, 其他浏览器没有这个问题.当然首先你得设置IE 浏览器选项是可以记录表单数据的,然后写一段代码来测试. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> &

随机推荐