js检测IE8及以下浏览器版本并做出提示的函数代码

 更新时间:2023年02月08日 15:46:04   投稿:mdxy-dxy  
这篇文章主要介绍了js检测IE8及以下浏览器版本并做出提示的函数代码,需要的朋友可以参考下

使用原生js检测当前IE浏览器版本是否为IE8及一下浏览器版本并做出提示,代码如下:

代码一userAgent

通过userAgent,然后再使用正则匹配出版本信息。

var DEFAULT_VERSION = 8.0;
var ua = navigator.userAgent.toLowerCase();
var isIE = ua.indexOf("msie")>-1;
var safariVersion;
if(isIE){
safariVersion =  ua.match(/msie ([\d.]+)/)[1];
}
if(safariVersion <= DEFAULT_VERSION ){
  // 进行你所要的操作
$(".wrap").before('<div class="low_version">系统检测到您正在使用ie8以下内核的浏览器,不能实现完美体验,请及时更新浏览器版本!</div>');
};

代码二documentMode

作为当今最差的浏览器,虽说IE即将推出历史的舞台,但是因为项目需要还是需要支持。那么必须判断是否是IE,如果是IE,需要做些特殊处理。

document.documentMode 是IE特有的属性,可以根据这个值判断是否为IE。如:

var isIE =  document.documentMode !== undefined;

确实是简单好用吧 :)

基本来说,document.documentMode的值就是IE的版本号,如:

7 - The page is displayed in IE7 mode
8 - The page is displayed in IE8 mode
9 - The page is displayed in IE9 mode
10 - The page is displayed in IE10 mode
11 - The page is displayed in IE11 mode

function IEVersion () {
    if (document.documentMode) return document.documentMode;
  }
  if (IEVersion()<=8) {
    alert("低于ie8");
  }

documentMode属性

1、定义和用法:

The documentMode property returns the mode used by the browsers to render the current document.

documentMode属性返回浏览器渲染当前文档所用的模式。

IE8 can render a page in different modes,depending on the !DOCTYPE or the presence of certain HTML elements.

IE8可以以不同的模式渲染一个页面,主要依赖于!DOCTYPE或者当前的某一个HTML元素。

按照下列的值返回:

5   ----- in IE5 mode
7   ----- in IE7 mode
8   ----- in IE8 mode
9   ----- in IE9 mode
注释: 如果没有定义!DOCTYPE,IE8以IE5的模式来渲染页面

2、 语法:

document.documentMode

3、浏览器支持:

 documentMode 是一个IE的私有属性,在IE8+中被支持。

代码三

/***
 * 获取系统的当前IE浏览器版本
 * @returns 
 */
function getExplorerInfo() {
    var explorer = window.navigator.userAgent.toLowerCase();
    //ie 
    if (explorer.indexOf("msie") >= 0) {
        var ver = explorer.match(/msie ([\d.]+)/)[1];
        return { type: "IE", version: ver };
    }
}

function checkBrowser(){
	var DEFAULT_VERSION = "8.0";
	var ua = navigator.userAgent.toLowerCase();
	var isIE = ua.indexOf("msie")>-1;
	var safariVersion=null;
	if(isIE){
	    safariVersion =getExplorerInfo().version;
	    if(safariVersion <= DEFAULT_VERSION ){
	        window.location.href= contextPath+"/Browser.jsp"; 
	    }else{
	        return;
	    }
	}else{
	    return;
	}
}

到此这篇关于js检测IE8及以下浏览器版本并做出提示的函数代码的文章就介绍到这了,更多相关IE8以下浏览器版本内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 微信小程序实现打卡日历功能

    微信小程序实现打卡日历功能

    这篇文章主要为大家详细介绍了微信小程序实现打卡日历功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • Node.js API详解之 zlib模块用法分析

    Node.js API详解之 zlib模块用法分析

    这篇文章主要介绍了Node.js API详解之 zlib模块用法,结合实例形式分析了Node.js API中zlib模块基本功能、函数使用方法与操作注意事项,需要的朋友可以参考下
    2020-05-05
  • 学习JavaScript设计模式之策略模式

    学习JavaScript设计模式之策略模式

    这篇文章主要为大家介绍了JavaScript设计模式中的策略模式,对JavaScript设计模式感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 前端js操作Cookie超详细介绍与实战案例

    前端js操作Cookie超详细介绍与实战案例

    这篇文章主要给大家介绍了关于前端js操作Cookie详细介绍与案例的相关资料,JS Cookie是一个用于在浏览器中操作Cookie的JavaScript库,它提供了一组简单的方法来设置、获取、删除和检查 Cookie,需要的朋友可以参考下
    2023-09-09
  • JavaScript实现视频转GIF的示例代码

    JavaScript实现视频转GIF的示例代码

    这篇文章主要介绍了JavaScript实现视频转GIF,本文一共会按照以下三步去实现一个视频转 GIF 功能,解封装视频,从视频文件中获取视频帧,解码视频帧,获取帧图像信息,拼装帧图像信息,生成 GIF,需要的朋友可以参考下
    2024-03-03
  • cocos2dx骨骼动画Armature源码剖析(一)

    cocos2dx骨骼动画Armature源码剖析(一)

    cocos2dx中的骨骼动画在程序中使用非常方便,从编辑器(cocostudio或flash插件dragonBones)得到xml或json数据,调用代码就可以直接展示出动画效果,下面通过本篇文章给大家分享cocos2dx骨骼动画Armature源码剖析,需要的朋友一起来学习吧。
    2015-09-09
  • 简单谈谈JavaScript的同步与异步

    简单谈谈JavaScript的同步与异步

    这篇文章主要介绍了简单谈谈JavaScript的同步与异步的相关资料,需要的朋友可以参考下
    2015-12-12
  • Echarts.js无法引入问题解决方案

    Echarts.js无法引入问题解决方案

    这篇文章主要介绍了Echarts.js无法引入问题解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-10-10
  • js 颜色选择插件

    js 颜色选择插件

    本文主要介绍了js 颜色选择插件。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • js控制鼠标事件移动及移出效果显示

    js控制鼠标事件移动及移出效果显示

    鼠标事件的移动及移出效果都可以使用js来自定义,下面有个示例,实,效果为当事件发生改变时背景颜色也随着改变
    2014-10-10

最新评论