加拿大28网址是多少

您的位置： > 新聞動態 > 常見問題 > >

分享到：

使用if IE語句判斷瀏覽器IE版本及添加升級提示！

發表日期：2015-03-12 ?? 文章編輯：管理員 ?? 瀏覽次數:

概述

距離微軟宣布停止對IE6的支持的2010年已經過了4年時間了，但仍有一小部分用戶在使用IE6/IE7/IE8，這樣我們在CSS hack的時候就需要判斷瀏覽器是否IE6/IE7/IE8了，幸運的是這個判斷非常簡單。

面對破舊不堪的IE6/IE7/IE8，匯特網強烈建議不要CSS hack而是選擇提示升級。

實現方法（1）

判斷當前瀏覽器是否IE6（或IE6內核）

<!––[if IE 6]> 你使用的是IE6瀏覽器，這是IE的過期版本，是時候升級了！ <![endif]––>

判斷當前瀏覽器是否IE7及以下版本

完整的判斷IE及IE版本代碼

判斷是否IE

<!––[if IE]> 你正在使用的是IE瀏覽器 <![endif]––>

判斷IE版本

<!––[if IE 6]> 你正在使用的IE版本是IE6 <![endif]––> <!––[if IE 7]> 你正在使用的IE版本是IE7 <![endif]––> <!––[if IE 8]> 你正在使用的IE版本是IE8 <![endif]––> <!––[if IE 9]> 你正在使用的IE版本是IE9 <![endif]––>

以此類推

IE8及以下版本提示瀏覽器升級

以下是多夢網絡使用的一段在IE8及以下版本提示瀏覽器升級的代碼。

把這段代碼添加在網站頭部代碼</head>之前，當IE8及以下版本瀏覽器（包括使用IE8及以下版本內核的瀏覽器）訪問網站的時候將自動跳轉到瀏覽器升級提示頁面。

自動調用IE最高版本

有的雙核瀏覽器其中一核使用的就是IE內核，但是默認并不會調用最高版本，往往是模擬IE7，這個時候我們需要在網頁頭部添加一行代碼讓瀏覽器自動調用最高版本的IE來更好的支持HTML5和CSS3。

<meta http-equiv="X-UA-Compatible" content="IE=Edge" >

實現方法（2）

<html>

<head>

<title>判斷IE版本并給出提示升級瀏覽器</title>

</head>

#ie6-warning{

background:rgb(255,255,225);

position:absolute;

top:0;

left:0;

font-size:12px;

color:#333;

width:97%;

padding: 2px 15px 2px 23px;

text-align:left;

}

#ie6-warning a {

text-decoration:none;

}

</style>

<body>

<!--[if lte IE 6]>

<div id="ie6-warning">您正在使用 Internet Explorer 6，在本頁面的顯示效果可能有差異。建議您升級到 <a href="http://www.microsoft.com/china/windows/internet-explorer/" target="_blank">Internet Explorer 8</a> 或以下瀏覽器： <a href="http://www.mozillaonline.com/">Firefox</a> / <a href="http://www.google.com/chrome/?hl=zh-CN">Chrome</a> / <a href="http://www.apple.com.cn/safari/">Safari</a> / <a href="http://www.operachina.com/">Opera</a>

</div>

function position_fixed(el, eltop, elleft){

// check if this is IE6

if(!window.XMLHttpRequest)

window.onscroll = function(){

el.style.top = (document.documentElement.scrollTop + eltop)+"px";

el.style.left = (document.documentElement.scrollLeft + elleft)+"px";

}

else el.style.position = "fixed";

}

position_fixed(document.getElementById("ie6-warning"),0, 0);

</script>

<![endif]-->

</body>

</html>

概述

實現方法（1）

完整的判斷IE及IE版本代碼

IE8及以下版本提示瀏覽器升級

自動調用IE最高版本

實現方法（2）

專注高端企業網站建設供應商