首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

根据分辨率不同，调用不同的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>中即可。

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
JS 实现双色表格实现代码
Nov 24 Javascript
jquery判断浏览器类型的代码
Nov 05 Javascript
jquery表单验证框架提供的身份证验证方法(示例代码)
Dec 27 Javascript
js加密解密字符串可自定义密码因子
May 13 Javascript
零基础轻松学JavaScript闭包
Dec 30 Javascript
jQuery实现拖拽可编辑模块功能代码
Jan 12 Javascript
详解ES6语法之可迭代协议和迭代器协议
Jan 13 Javascript
jQuery中将json数据显示到页面表格的方法
May 27 jQuery
vue项目开发中setTimeout等定时器的管理问题
Sep 13 Javascript
Windows下安装 node 的版本控制工具 nvm
Feb 06 Javascript
Vue.js实现立体计算器
Feb 22 Javascript
Vue 根据条件判断van-tab的显示方式
Aug 03 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
开幕词(63) 导游词(322) 报告(147) 党团范文(807) 慰问信(53) 工作总结(1972) 通知(159) 闭幕词(9) 汇报材料(247) 计划(88)
You might like
php curl的深入解析
2013/06/02 PHP
php-cli简介(不会Shell语言一样用Shell)
2013/06/03 PHP
你必须知道的JavaScript 变量命名规则详解
2013/05/07 Javascript
jquery动态增加text元素以及删除文本内容实例代码
2013/07/01 Javascript
js中onload与onunload的使用示例
2013/08/25 Javascript
5个可以帮你理解JavaScript核心闭包和作用域的小例子
2014/10/08 Javascript
详细解读JavaScript的跨浏览器事件处理
2015/08/12 Javascript
基于jquery实现动态竖向柱状条特效
2016/02/12 Javascript
js实现简单的手风琴效果
2017/02/27 Javascript
vue.js指令和组件详细介绍及实例
2017/04/06 Javascript
vue与原生app的对接交互的方法(混合开发)
2018/11/28 Javascript
微信小程序实现左侧滑动导航栏
2020/04/08 Javascript
vue实现简易图片左右旋转,上一张,下一张组件案例
2020/07/31 Javascript
vue用ant design中table表格,点击某行时触发的事件操作
2020/10/28 Javascript
js面向对象封装级联下拉菜单列表的实现步骤
2021/02/08 Javascript
[01:59]游戏“zheng”当时试玩会
2019/08/21 DOTA
[46:38]完美世界DOTA2联赛PWL S2 Magma vs PXG 第三场 11.28
2020/12/02 DOTA
python中reader的next用法
2018/07/24 Python
Python pandas.DataFrame 找出有空值的行
2019/09/09 Python
Python中断多重循环的思路总结
2019/10/04 Python
python列表推导式入门学习解析
2019/12/02 Python
python 字典访问的三种方法小结
2019/12/05 Python
python输出第n个默尼森数的实现示例
2020/03/08 Python
解决运行django程序出错问题 'str'object has no attribute'_meta'
2020/07/15 Python
python matplotlib库的基本使用
2020/09/23 Python
详解python3 GUI刷屏器(附源码)
2021/02/18 Python
加拿大时尚潮流大码女装购物网站：Addition Elle
2018/04/02 全球购物
Onzie官网：美国时尚瑜伽品牌
2019/08/21 全球购物
Eton丹麦官网：精美的男式衬衫
2020/05/27 全球购物
用JAVA实现一种排序，JAVA类实现序列化的方法(二种)
2014/04/23 面试题
高分子材料与工程专业推荐信
2013/12/01 职场文书
教学大赛获奖感言
2014/01/15 职场文书
圣诞节红领巾广播稿
2014/02/03 职场文书
湘江北去观后感
2015/06/15 职场文书
docker-compose部署Yapi的方法
2022/04/08 Servers
python神经网络 使用Keras构建RNN训练
2022/05/04 Python