将以下js代码放入93f0f5c25f18dab9d176bd4f6de5d30e和9c3bca370b5104690d9ef395f2c5f8d1标签内,此段js代码作用是辨别浏览器分辨率
<script language="javascript"> <!-- if (window.navigator.useragent.indexof("msie")>=1) { var ie1024=""; var ie800=""; var ie1152=""; var ieother=""; screenwidth(ie1024,ie800,ie1152,ieother) }else{ if (window.navigator.useragent.indexof("firefox")>=1) { file://如果浏览器为firefox var firefox1024=""; var firefox800=""; var firefox1152=""; var firefoxother=""; screenwidth(firefox1024,firefox800,firefox1152,firefoxother) }else{ file://如果浏览器为其他 var other1024=""; var other800=""; var other1152=""; var otherother=""; screenwidth(other1024,other800,other1152,otherother) } } function screenwidth(css1,css2,css3,css4){ if ((screen.width == 1024) && (screen.height == 768)){ setactivestylesheet(css1); }else{ if ((screen.width == 800) && (screen.height == 600)){ setactivestylesheet(css2); }else{ if ((screen.width == 1152) && (screen.height == 864)){ setactivestylesheet(css3); }else{ setactivestylesheet(css4); }}} } function setactivestylesheet(title){ document.getelementsbytagname("link")[0].href="style/"+title; } file://--> </script>
解释:
var ie1024=""; var ie800=""; var ie1152=""; var ieother="";
引号里面分别填写,用户使用ie的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名.
var firefox1024=""; var firefox800=""; var firefox1152=""; var firefoxother="";
引号里面分别填写,用户使用ff的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。
var other1024=""; var other800=""; var other1152=""; var otherother="";
引号里面分别填写,用户使用其他浏览器的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。
不判断分辨率,只判断浏览器
应e.qiang提议,编如下代码。实现根据浏览器类型自动调用不同css。
调用不同css文件js代码:
<script language="javascript"> <!-- if (window.navigator.useragent.indexof("msie")>=1) { file://如果浏览器为ie setactivestylesheet("default.css"); }else{ if (window.navigator.useragent.indexof("firefox")>=1) { file://如果浏览器为firefox setactivestylesheet("default2.css"); }else{ file://如果浏览器为其他 setactivestylesheet("newsky.css"); } } function setactivestylesheet(title){ document.getelementsbytagname("link")[0].href="style/"+title; } file://--> </script>
解释:
如果浏览器为ie,则调用default.css
如果浏览器为firefox,则调用default2.css
如果浏览器为其他,则调用newsky.css
用法:放在93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1中即可。
相信看了这些案例你已经掌握了方法,更多精彩请关注其它相关文章!
相关阅读:
html如何2d和3d转换
怎样用css操作俩个div重叠
html5视频音频实现步骤
以上就是调用不同分辨率的css文件方法的详细内容。
