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

时间:2021-05-18

既判断分辨率,也判断浏览器

重新完善代码,使之成为判断浏览器类型屏幕分辨率自动调用不同CSS的代码。

复制代码 代码如下:<SCRIPTLANGUAGE="JavaScript">
<!--
if(window.navigator.userAgent.indexOf("MSIE")>=1)
{
varIE1024="";
varIE800="";
varIE1152="";
varIEother="";

ScreenWidth(IE1024,IE800,IE1152,IEother)
}else{
if(window.navigator.userAgent.indexOf("Firefox")>=1)
{
//如果浏览器为Firefox
varFirefox1024="";
varFirefox800="";
varFirefox1152="";
varFirefoxother="";

ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxother)
}else{
//如果浏览器为其他
varOther1024="";
varOther800="";
varOther1152="";
varOtherother="";
ScreenWidth(Other1024,Other800,Other1152,Otherother)
}
}

functionScreenWidth(CSS1,CSS2,CSS3,CSS4){
if((screen.width==1024)&amp;&amp;(screen.height==768)){
setActiveStyleSheet(CSS1);
}else{
if((screen.width==800)&amp;&amp;(screen.height==600)){
setActiveStyleSheet(CSS2);
}else{
if((screen.width==1152)&amp;&amp;(screen.height==864)){
setActiveStyleSheet(CSS3);
}else{
setActiveStyleSheet(CSS4);
}}}
}

functionsetActiveStyleSheet(title){
document.getElementsByTagName("link")[0].href="style/"+title;
}
//-->
</SCRIPT>
解释:

varIE1024="";
varIE800="";
varIE1152="";
varIEother="";

引号里面分别填写,用户使用IE的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名.


varFirefox1024="";
varFirefox800="";
varFirefox1152="";
varFirefoxother="";

引号里面分别填写,用户使用FF的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名.

varOther1024="";
varOther800="";
varOther1152="";
varOtherother="";

引号里面分别填写,用户使用其他浏览器的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名.

不判断分辨率,只判断浏览器

实现根据浏览器类型自动调用不同CSS。

复制代码 代码如下:<SCRIPTLANGUAGE="JavaScript">
<!--
if(window.navigator.userAgent.indexOf("MSIE")>=1)
{
//如果浏览器为IE
setActiveStyleSheet("default.css");
}else{
if(window.navigator.userAgent.indexOf("Firefox")>=1)
{
//如果浏览器为Firefox
setActiveStyleSheet("default2.css");
}else{
//如果浏览器为其他
setActiveStyleSheet("newsky.css");
}
}

functionsetActiveStyleSheet(title){
document.getElementsByTagName("link")[0].href="style/"+title;
}
//-->
</SCRIPT>

解释:
如果浏览器为IE,则调用default.css
如果浏览器为Firefox,则调用default2.css
如果浏览器为其他,则调用newsky.css

用法:
放在
[codes=xml]</head>[/codes]
前面即可。

只判断分辨率,不判断浏览器

复制代码 代码如下:<scriptlanguage=javascript>
<!--
if(screen.width==800)
{
document.write('<linkrel=stylesheettype="text/css"href="css800.css">')
}
else{document.write('<linkrel=stylesheettype="text/css"href="css1024.css">')}
//-->
</script>

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章