根据分辨率不同,调用不同的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和jquery修改a标签的href属性
Dec 16 Javascript
js字符串转换成数字与数字转换成字符串的实现方法
Jan 08 Javascript
jQuery函数的第二个参数获取指定上下文中的DOM元素
May 19 Javascript
javascript实现超炫的向上滑行菜单实例
Aug 03 Javascript
javascript实现数组中的内容随机输出
Aug 11 Javascript
javascript用正则表达式过滤空格的实现代码
Jun 14 Javascript
jquery uploadify隐藏上传进度的实现方法
Feb 06 Javascript
JS实现的点击表头排序功能示例
Mar 27 Javascript
jqueryUI tab标签页代码分享
Oct 09 jQuery
vue中路由参数传递可能会遇到的坑
Dec 07 Javascript
vue 地图可视化 maptalks 篇实例代码详解
May 21 Javascript
使用Layui搭建后台管理界面的操作方法
Sep 20 Javascript
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
终于听上了直流胆调频
2021/03/02 无线电
咖啡知识 除了喝咖啡还有那些知识点
2021/03/06 新手入门
php获取汉字首字母的函数
2013/11/07 PHP
Drupal7 form表单二次开发要点与实例
2014/03/02 PHP
php递归实现无限分类的方法
2015/07/28 PHP
PHPStrom 新建FTP项目以及在线操作教程
2016/10/16 PHP
Yii框架弹出窗口组件CJuiDialog用法分析
2017/01/07 PHP
php json相关函数用法示例
2017/03/28 PHP
thinkphp5.1框架实现格式化mysql时间戳为日期的方式小结
2019/10/10 PHP
Javascript 中介者模式实例
2009/12/16 Javascript
基于jQuery的可以控制左右滚动及自动滚动效果的代码
2010/07/25 Javascript
某人初学javascript的时候写的学习笔记
2010/12/30 Javascript
JavaScript中的公有、私有、特权和静态成员用法分析
2014/11/20 Javascript
JavaScript中判断变量是数组、函数或是对象类型的方法
2015/02/25 Javascript
基于jquery实现全屏滚动效果
2015/11/26 Javascript
类似于QQ的右滑删除效果的实现方法
2016/10/16 Javascript
node+express制作爬虫教程
2016/11/11 Javascript
Jqprint实现页面打印
2017/01/06 Javascript
微信小程序画布圆形进度条显示效果
2020/11/17 Javascript
[02:50]【扭转乾坤,只此一招】DOTA2永雾林渊版本开启新篇章
2020/12/22 DOTA
python中使用urllib2伪造HTTP报头的2个方法
2014/07/07 Python
python实现上传样本到virustotal并查询扫描信息的方法
2014/10/05 Python
在Python下尝试多线程编程
2015/04/28 Python
Python使用matplotlib绘图无法显示中文问题的解决方法
2018/03/14 Python
对pandas的算术运算和数据对齐实例详解
2018/12/22 Python
python对数组进行排序,并输出排序后对应的索引值方式
2020/02/28 Python
Python读取Excel数据并生成图表过程解析
2020/06/18 Python
荷兰网上买鞋:MooieSchoenen.nl
2017/09/12 全球购物
巴西婴儿用品商店:Bebe Store
2017/11/23 全球购物
Waterford英国官方网站:世界上最受欢迎的优质水晶品牌
2019/08/17 全球购物
工程师自我评价怎么写
2013/09/19 职场文书
花卉与景观设计系大学生求职信
2013/10/01 职场文书
建筑工程专业大学生求职信
2014/04/23 职场文书
暑期学习心得体会
2014/09/02 职场文书
工程款催款函
2015/06/24 职场文书
应届生们该怎么书写求职信?
2019/07/05 职场文书