根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码_javascript技巧

<script> <BR><!-- <BR>if (window.navigator.userAgent.indexOf("MSIE")>=1) <BR>{ <BR>var IE1024=""; <BR>var IE800=""; <BR>var IE1152=""; <BR>var IEother=""; <br><br>ScreenWidth(IE1024,IE800,IE1152,IEother) <BR>}else{ <BR>if (window.navigator.userAgent.indexOf("Firefox")>=1) <BR>{ <BR>//如果浏览器为Firefox <BR>var Firefox1024=""; <BR>var Firefox800=""; <BR>var Firefox1152=""; <BR>var Firefoxother=""; <br><br>ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxother) <BR>}else{ <BR>//如果浏览器为其他 <BR>var Other1024=""; <BR>var Other800=""; <BR>var Other1152=""; <BR>var Otherother=""; <BR>ScreenWidth(Other1024,Other800,Other1152,Otherother) <BR>} <BR>} <br><br>function ScreenWidth(CSS1,CSS2,CSS3,CSS4){ <BR>if ((screen.width == 1024) && (screen.height == 768)){ <BR>setActiveStyleSheet(CSS1); <BR>}else{ <BR>if ((screen.width == 800) && (screen.height == 600)){ <BR>setActiveStyleSheet(CSS2); <BR>}else{ <BR>if ((screen.width == 1152) && (screen.height == 864)){ <BR>setActiveStyleSheet(CSS3); <BR>}else{ <BR>setActiveStyleSheet(CSS4); <BR>}}} <BR>} <br><br>function setActiveStyleSheet(title){ <BR> document.getElementsByTagName("link")[0].href="style/"+title; <BR>} <BR>//--> <BR></script>

<script> <BR><!-- <BR>if (window.navigator.userAgent.indexOf("MSIE")>=1) <BR>{ <BR>//如果浏览器为IE <BR>setActiveStyleSheet("default.css"); <BR>}else{ <BR>if (window.navigator.userAgent.indexOf("Firefox")>=1) <BR>{ <BR>//如果浏览器为Firefox <BR>setActiveStyleSheet("default2.css"); <BR>}else{ <BR>//如果浏览器为其他 <BR>setActiveStyleSheet("newsky.css"); <BR>} <BR>} <br><br>function setActiveStyleSheet(title){ <BR> document.getElementsByTagName("link")[0].href="style/"+title; <BR>} <BR>//--> <BR></script>

<script> <BR><!-- <BR>if (screen.width == 800) <BR>{ <BR>document.write('<link rel=stylesheet type="text/css" href="css800.css">') <BR>} <BR>else {document.write('<link rel=stylesheet type="text/css" href="css1024.css">')} <BR>//--> <BR></script>