根据分辨率不同,调用不同的css文件


Posted in Javascript onAugust 25, 2006

dotted; TABLE-LAYOUT: fixed; BORDER-TOP: #cccccc 1px dotted; BORDER-LEFT: #cccccc 1px dotted; BORDER-BOTTOM: #cccccc 1px dotted" cellSpacing=0 cellPadding=6 width="95%" align=center border=0>  <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。
代码:
<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
用法:放在<head></head>中即可。

Javascript 相关文章推荐
定义JavaScript二维数组采用定义数组的数组来实现
Dec 09 Javascript
jquery固定底网站底部菜单效果
Aug 13 Javascript
JS 实现点击a标签的时候让其背景更换
Oct 15 Javascript
jquery获取css中的选择器(实例讲解)
Dec 02 Javascript
使用javascript实现有效时间的控制,并显示将要过期的时间
Jan 02 Javascript
jQuery 调用WebService 实例讲解
Jun 28 Javascript
浅谈Angular.js中使用$watch监听模型变化
Jan 10 Javascript
微信小程序中多个页面传参通信的学习与实践
May 05 Javascript
JavaScript递归算法生成树形菜单
Aug 15 Javascript
vue中element 的upload组件发送请求给后端操作
Sep 07 Javascript
javascript实现多边形碰撞检测
Oct 24 Javascript
jQuery实现增删改查
Dec 22 jQuery
mouse_on_title.js
Aug 25 #Javascript
新页面打开实际尺寸的图片
Aug 25 #Javascript
js获取变量
Aug 24 #Javascript
在b/s开发中经常用到的javaScript技术
Aug 23 #Javascript
两个SUBMIT按钮,如何区分处理
Aug 22 #Javascript
解决 FireFox 下[使用event很麻烦] 的问题.
Aug 22 #Javascript
Javascript客户端脚本的设计和应用
Aug 21 #Javascript
You might like
php安全配置 如何配置使其更安全
2011/12/16 PHP
PHP mysql与mysqli事务使用说明 分享
2013/08/17 PHP
Codeigniter实现智能裁剪图片的方法
2014/06/12 PHP
ThinkPHP3.1新特性之对页面压缩输出的支持
2014/06/19 PHP
ThinkPHP实现动态包含文件的方法
2014/11/29 PHP
jquery遍历input取得input的name
2009/04/27 Javascript
javascript EXCEL 操作类代码
2009/07/30 Javascript
jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证
2015/06/25 Javascript
有关Promises异步问题详解
2015/11/13 Javascript
检查表单元素的值是否为空的实例代码
2016/06/16 Javascript
JavaScript面向对象分层思维全面解析
2016/11/22 Javascript
js图片轮播插件的封装
2017/07/21 Javascript
JS与HTML结合实现流程进度展示条思路详解
2017/09/03 Javascript
JavaScript实现精美个性导航栏筋斗云效果
2017/10/29 Javascript
jQuery ajax读取本地json文件的实例
2017/10/31 jQuery
vue-router的HTML5 History 模式设置
2018/09/08 Javascript
微信小程序使用swiper组件实现层叠轮播图
2018/11/04 Javascript
Element Dialog对话框的使用示例
2020/07/26 Javascript
python33 urllib2使用方法细节讲解
2013/12/03 Python
python:socket传输大文件示例
2017/01/18 Python
基于Python3 逗号代码 和 字符图网格(详谈)
2017/06/22 Python
Python 函数基础知识汇总
2018/03/09 Python
Python3内置模块pprint让打印比print更美观详解
2019/06/02 Python
Python random库使用方法及异常处理方案
2020/03/02 Python
利用python实现汉诺塔游戏
2021/03/01 Python
分享一个页面平滑滚动小技巧(推荐)
2019/10/23 HTML / CSS
DNA基因检测和分析:23andMe
2019/05/01 全球购物
寄语十八大感言
2014/02/07 职场文书
2014年元旦感言
2014/03/06 职场文书
诚信承诺书范文
2014/03/27 职场文书
房屋转让协议书范本
2014/04/11 职场文书
七夕活动策划方案
2014/08/16 职场文书
公民授权委托书
2014/10/15 职场文书
cf战队宣传语
2015/07/13 职场文书
七年级作文之《我和我的祖国》观后感作文
2019/10/18 职场文书
详解Laravel框架的依赖注入功能
2021/05/27 PHP