根据分辨率不同,调用不同的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 相关文章推荐
解放web程序员的输入验证
Oct 06 Javascript
jquery 添加节点的几种方法介绍
Sep 04 Javascript
SinaEditor使用方法详解
Dec 28 Javascript
js字符串操作方法实例分析
May 06 Javascript
js中setTimeout()与clearTimeout()用法实例浅析
May 12 Javascript
基于jQuery实现Div窗口震动特效代码-代码简单
Aug 28 Javascript
js与jquery正则验证电子邮箱、手机号、邮政编码的方法
Jul 04 Javascript
值得分享和收藏的xmlplus组件学习教程
May 05 Javascript
解决vue v-for 遍历循环时key值报错的问题
Sep 06 Javascript
微信小程序:数据存储、传值、取值详解
May 07 Javascript
Vue实现根据hash高亮选项卡
May 27 Javascript
JS动态显示倒计时效果
Dec 12 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
php4的session功能评述(一)
2006/10/09 PHP
PHP版国家代码、缩写查询函数代码
2011/08/14 PHP
phpmyadmin打开很慢的解决方法
2014/04/21 PHP
php中的ini配置原理详解
2014/10/14 PHP
Yii2使用自带的UploadedFile实现的文件上传
2016/06/20 PHP
php导出csv文件,可导出前导0实例代码
2016/11/16 PHP
JQuery的ajax基础上的超强GridView展示
2009/09/18 Javascript
ie下jquery.getJSON的缓存问题的处理方法
2013/03/29 Javascript
使用VS开发 Node.js指南
2015/01/06 Javascript
javascript控制台详解
2015/06/25 Javascript
分享JS数组求和与求最大值的方法
2016/08/11 Javascript
使用Xcache缓存器加速PHP网站的配置方法
2017/04/22 Javascript
Javascript实现从小到大的数组转换成二叉搜索树
2017/06/13 Javascript
jQuery+Cookie实现切换皮肤功能【附源码下载】
2018/03/25 jQuery
使用JS判断移动端手机横竖屏状态
2018/07/30 Javascript
Vue.js 使用v-cloak后仍显示变量的解决方法
2018/11/19 Javascript
详解Vue3中对VDOM的改进
2020/04/23 Javascript
javascript如何使用函数random来实现课堂随机点名方法详解
2020/07/28 Javascript
[01:38]完美世界DOTA2联赛PWL S3 集锦第四期
2020/12/21 DOTA
Python实现的矩阵类实例
2017/08/22 Python
Python实现压缩和解压缩ZIP文件的方法分析
2017/09/28 Python
Python使用arrow库优雅地处理时间数据详解
2017/10/10 Python
python try except 捕获所有异常的实例
2018/10/18 Python
解决pycharm 误删掉项目文件的处理方法
2018/10/22 Python
selenium+python截图不成功的解决方法
2019/01/30 Python
numpy中的ndarray方法和属性详解
2019/05/27 Python
Expedia爱尔兰:酒店、机票、租车及廉价假期
2017/01/02 全球购物
Athleta官网:购买女士瑜伽服、技术运动服和休闲运动服
2020/11/12 全球购物
英语文学专业学生的自我评价
2013/10/31 职场文书
大学生怎样写好自荐信
2014/02/25 职场文书
艺校音乐专业自我鉴定范文
2014/03/01 职场文书
年终总结会主持词
2014/03/25 职场文书
道德之星事迹材料
2014/05/03 职场文书
关于环保的标语
2014/06/13 职场文书
博士生求职信
2014/07/06 职场文书
“九一八事变纪念日”国旗下讲话稿
2014/09/14 职场文书