HTML和CSS中如何判断ie各版本浏览器的方法

html-css09

HTML和CSS中如何判断ie各版本浏览器的方法,第1张

html中区分ie各版本的方法为IE有条件注释,不过这种方式只支持到IE9(包括IE9),在IE10之后移除了该特性;不建议使用;

css中判断IE各版本,只能通过css hack方式,针对浏览器的怪癖行为来区分;不建议使用;

通过js处理浏览器的用户代理userAgent字符串来解析出浏览器的版本,虽然这种方式也不建议使用,但是目前能解析出浏览器类型及版本最好的办法了

目前,大多数的浏览器都支持javascript脚本(不管是IE还是FF)你可以试着在网页的<head></head>之间插入一段javascript脚本,用来检测浏览器的种类例如:<script type="text/javascript"><!--function getOs(){var OsObject = ""if(navigator.userAgent.indexOf("MSIE")>0) {return "MSIE"}if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){return "Firefox"}if(isSafari=navigator.userAgent.indexOf("Safari")>0) {return "Safari"}if(isCamino=navigator.userAgent.indexOf("Camino")>0){return "Camino"}if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){return "Gecko"}}alert("您的浏览器类型为:"+getOs())--></script>上面的代码就是判断浏览器种类较为简单的一种,判断后的结果是以alert弹出警告的形式返回浏览器类型,如果你想直接拿来用的话,请修改里面的输出代码如果实在不会改的话,可以再追问

实现根据浏览器类型自动调用不同CSS。<SCRIPT LANGUAGE="JavaScript">

<!--

if (window.navigator.userAgent.indexOf("MSIE")>=1)

{

//如果浏览器为IE

setActiveStyleSheet("IE.css")

}else{

if (window.navigator.userAgent.indexOf("Firefox")>=1)

{

//如果浏览器为Firefox

setActiveStyleSheet("Firefox .css")

}else{

//如果浏览器为其他

setActiveStyleSheet("qita .css")

}

}function setActiveStyleSheet(title){

document.getElementsByTagName("link")[0].href="style/"+title

}

//-->

</SCRIPT>