亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

js檢測IE8及以下瀏覽器版本并做出提示的函數(shù)代碼

 更新時間:2023年02月08日 15:46:04   投稿:mdxy-dxy  
這篇文章主要介紹了js檢測IE8及以下瀏覽器版本并做出提示的函數(shù)代碼,需要的朋友可以參考下

使用原生js檢測當(dāng)前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 ){
  // 進(jìn)行你所要的操作
$(".wrap").before('<div class="low_version">系統(tǒng)檢測到您正在使用ie8以下內(nèi)核的瀏覽器,不能實現(xiàn)完美體驗,請及時更新瀏覽器版本!</div>');
};

代碼二documentMode

作為當(dāng)今最差的瀏覽器,雖說IE即將推出歷史的舞臺,但是因為項目需要還是需要支持。那么必須判斷是否是IE,如果是IE,需要做些特殊處理。

document.documentMode 是IE特有的屬性,可以根據(jù)這個值判斷是否為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屬性返回瀏覽器渲染當(dāng)前文檔所用的模式。

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

IE8可以以不同的模式渲染一個頁面,主要依賴于!DOCTYPE或者當(dāng)前的某一個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+中被支持。

代碼三

/***
 * 獲取系統(tǒng)的當(dāng)前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;
	}
}

到此這篇關(guān)于js檢測IE8及以下瀏覽器版本并做出提示的函數(shù)代碼的文章就介紹到這了,更多相關(guān)IE8以下瀏覽器版本內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • 一文詳解GoJs中g(shù)o.Panel的itemArray屬性

    一文詳解GoJs中g(shù)o.Panel的itemArray屬性

    這篇文章主要為大家介紹了一文詳解GoJs中g(shù)o.Panel的itemArray屬性詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-05-05
  • 使用JS模擬錨點跳轉(zhuǎn)的實例

    使用JS模擬錨點跳轉(zhuǎn)的實例

    下面小編就為大家分享一篇使用JS模擬錨點跳轉(zhuǎn)的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-02-02
  • jQuery與原生JavaScript選擇HTML元素集合用法對比分析

    jQuery與原生JavaScript選擇HTML元素集合用法對比分析

    這篇文章主要介紹了jQuery與原生JavaScript選擇HTML元素集合用法,結(jié)合實例形式對比分析了jquery與原生JavaScript選擇頁面HTML相關(guān)操作方法、注意事項及運行效率,需要的朋友可以參考下
    2019-11-11
  • javascript的正則匹配方法學(xué)習(xí)

    javascript的正則匹配方法學(xué)習(xí)

    這篇文章主要為大家詳細(xì)介紹了javascript的正則匹配方法,幫助大家更快更高效的學(xué)習(xí)javascript正則的相關(guān)內(nèi)容,感興趣的小伙伴們可以參考一下
    2016-02-02
  • uniapp表單校驗超詳細(xì)講解

    uniapp表單校驗超詳細(xì)講解

    這篇文章主要給大家介紹了關(guān)于uniapp表單校驗的相關(guān)資料,Uni-app內(nèi)置了一些表單驗證方法,可以幫助我們對表單進(jìn)行有效的驗證,需要的朋友可以參考下
    2023-10-10
  • JS合并兩個數(shù)組的3種方法詳解

    JS合并兩個數(shù)組的3種方法詳解

    這篇文章主要介紹了JS合并兩個數(shù)組的3種方法詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2019-10-10
  • jQuery與js實現(xiàn)顏色漸變的方法

    jQuery與js實現(xiàn)顏色漸變的方法

    這篇文章主要介紹了jQuery與js實現(xiàn)顏色漸變的方法,涉及javascript與jQuery的正則操作與數(shù)學(xué)運算相關(guān)技巧,需要的朋友可以參考下
    2016-12-12
  • js編寫輪播圖效果

    js編寫輪播圖效果

    這篇文章主要為大家詳細(xì)介紹了js編寫輪播圖效果的代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-03-03
  • 微信小程序?qū)崿F(xiàn)發(fā)送短信驗證碼倒計時

    微信小程序?qū)崿F(xiàn)發(fā)送短信驗證碼倒計時

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)發(fā)送短信驗證碼倒計時,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-08-08
  • element-ui上傳一張圖片后隱藏上傳按鈕功能

    element-ui上傳一張圖片后隱藏上傳按鈕功能

    這篇文章主要介紹了element-ui上傳一張圖片后隱藏上傳按鈕功能,本文通過實例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價值 ,需要的朋友可以參考下
    2019-05-05

最新評論