文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

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

2023-02-08 18:01

关注

使用原生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+中被支持。

代码三


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以下浏览器版本内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯