jquery判断浏览器类型

web前端 10178 11年前 (2013-08-11)

使用jquery判断浏览器需要使用语法:$.browser.['浏览器关键字']

判断各浏览器的语法示例:

$(function() { 
if($.browser.msie) { 
alert("this is msie"); 
} 
else if($.browser.safari) 
{ 
alert("this is safari!"); 
} 
else if($.browser.mozilla) 
{ 
alert("this is mozilla!"); 
} 
else if($.browser.opera) { 
alert("this is opera"); 
} 
else { 
alert("i don't konw!"); 
}

除此以外我们还可以使用HTML的注释格式来判断浏览器类型,比如在IE6浏览器中提示用户升级来达到更好的显示效果:

<!--[if IE 6]> 
<p>您正在使用IE6访问此页面,为了达到更好的显示效果,请升级您的浏览器版本!</p> 
<![endif]-->

HTML的注释格式还可以像JQuery一样使用大于、等于或小于等操作符:

[if IE] 判断是否IE

[if !IE] 判断是否不是IE

[if lt IE 5.5] 判断是否是IE5.5 以下版本

[if lte IE 6] 判断是否IE6或以下版本

[if gt IE 5] 判断是否IE5以上版本

[if gte IE 7] 判断是否IE7或以上版本

[if IE 7] 判断是否是IE7

[if !(IE 7)] 判断是否不是IE7

[if (gt IE 5)&(lt IE 7)] 判断是否IE5以上且IE7以下

[if (IE 6)|(IE 7)] 判断是否IE6或者IE7

<!--[if IE]><p>您正在使用IE浏览器</p><![endif]--> 
<![if !IE]><p>您使用的不是IE浏览器!</p><![endif]>
<!--[if (IE 5)]><p>您正在使用IE5浏览器!</p><![endif]-->
<!--[if (gte IE 5.5)&(lt IE 7)]><p>您在使用IE5.5或IE6浏览器!</p><![endif]-->
<!--[if lt IE 5.5]><p>您正在使用IE5以下版本浏览器</p><![endif]-->
<!--[if IE 7]><p>您正在使用IE7浏览器!</p><![endif]-->
<!--[if !(IE 7)]><p>您使用的不是IE7浏览器!</p><![endif]--> 
<!--[if gte IE 7]><p>您在使用IE7或以上版本浏览器!</p><![endif]-->
分享给朋友: