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

< 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 )
{
// 如果浏览器为Firefox
var  Firefox1024 = "" ;
var  Firefox800 = "" ;
var  Firefox1152 = "" ;
var  Firefoxother = "" ;

ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxother)
}
else {
// 如果浏览器为其他
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; 
}
// -->
</ 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文件名.

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

实现根据浏览器类型自动调用不同CSS。
< SCRIPT LANGUAGE = " 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 " );
}
}

function  setActiveStyleSheet(title){ 
  document.getElementsByTagName(
" link " )[ 0 ].href = " style/ " + title; 
}
// -->
</ SCRIPT >
解释:
如果浏览器为IE,则调用default.css
如果浏览器为Firefox,则调用default2.css
如果浏览器为其他,则调用newsky.css

用法:放在</head>前面即可。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值