VI設計 | 網站建設 | 網站推廣 | SEO優化 | 微信登錄 | 微店登錄 咨詢郵箱?咨詢郵箱:[email protected] 咨詢熱線?咨詢熱線:0817-3450817 微博 微信
您的位置: > 新聞動態 > 常見問題 > >
分享到:
使用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及以下版本

<!--[if lte IE 7]>
這段文字只會在IE7及(IE7/IE6/IE5等)以下版本顯示
<![endif]-->

完整的判斷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及以下版本提示瀏覽器升級的代碼。

<!--[if lte IE 8]><script>window.location.href='http://cdn.dmeng.net/upgrade-your-browser.html?referrer='+location.href;</script><![endif]-->

把這段代碼添加在網站頭部代碼</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> 
<style type="text/css"> 
#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> 
<script type="text/javascript"> 
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>


 

  • 電  話:0817-3450817
  • 傳 真:18188433499
  • 業務 QQ:187191391
  • Email:[email protected]
  • 官方微信:ncvants
  • 官方微博:@HI南充
ncvants
@HI南充
Copyright ? 2006-2019 南充正信網絡有限公司-版權所有 www.5emn.com 地址:南充市順慶區桑園路南門新城四區四棟一單元1502 咨詢熱線:0817-3450817 備案號:蜀ICP備15032086號
天天在线棋牌推广号
魔王几级可以赚钱 中国人越南开什么工厂赚钱 漂流瓶发广告能赚钱会被封号吗 2018二肖中特999 姚振华最后赚钱了吗 饲料化验赚钱吗 山西快乐10分基础走势图 重庆时时3星走势图 福利彩中奖规则图片 pc蛋蛋加拿大28官网 中小企业管理培训 重庆时时开奖怎么玩 欢乐真人麻将赢话费 上豪鸡排加盟店赚钱吗 淘小说怎么赚钱赚时长 申城棋牌官方网站