首页
所有分类
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 相关文章推荐
JavaScript Event学习第六章 事件的访问
Feb 07 Javascript
javascript基础第一章 JavaScript与用户端
Jul 22 Javascript
JS中批量给元素绑定事件过程中的相关问题使用闭包解决
Apr 15 Javascript
Ext JS添加子组件的误区探讨
Jun 28 Javascript
jquery slibings选取同级其他元素的实现代码
Nov 15 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
Sep 04 Javascript
javascript动态获取登录时间和在线时长
Feb 25 Javascript
Bootstrap每天必学之响应式导航、轮播图
Apr 25 Javascript
深入理解JS addLoadEvent函数
May 20 Javascript
javascript动画系列之模拟滚动条
Dec 13 Javascript
React组件中的this的具体使用
Feb 28 Javascript
JS多个表单数据提交下的serialize()应用实例分析
Aug 27 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
Windows Server(4) Windows Server 2022(3) Hive(5) HttpClient(1) Quartz(1) ip2region(1) RestTemplate(1) 反射(1) dataBinding(1) NTP(1)
You might like
PHP初学者头疼问题总结
2006/07/08 PHP
JS实现php的伪分页
2008/05/25 PHP
php中的数组操作函数整理
2008/08/18 PHP
php汉字转拼音的示例
2014/02/27 PHP
php+curl 发送图片处理代码分享
2015/07/09 PHP
Swoole4.4协程抢占式调度器详解
2019/05/23 PHP
jQuery 顺便学习下CSS选择器 奇偶匹配nth-child(even)
2010/05/24 Javascript
jQuery-Tools-overlay 使用介绍
2012/07/14 Javascript
javaScript NameSpace 简单说明介绍
2013/07/18 Javascript
基于jQuey实现鼠标滑过变色(整行变色)
2015/12/07 Javascript
javascript基本数据类型及类型检测常用方法小结
2016/12/14 Javascript
深入理解基于vue-cli的vuex配置
2017/07/24 Javascript
NodeJS使用Range请求实现下载功能的方法示例
2018/10/12 NodeJs
Node.js之readline模块的使用详解
2019/03/25 Javascript
详解JavaScript中的函数、对象
2019/04/01 Javascript
[00:09]DOTA2全国高校联赛 精彩活动引爆全场
2018/05/30 DOTA
[52:37]完美世界DOTA2联赛循环赛 Forest vs DM BO2第一场 10.29
2020/10/29 DOTA
python实现的登陆Discuz!论坛通用代码分享
2014/07/11 Python
详解Django中的ifequal和ifnotequal标签使用
2015/07/16 Python
Django中模版的子目录与include标签的使用方法
2015/07/16 Python
浅析Python中else语句块的使用技巧
2016/06/16 Python
pycharm执行python时,填写参数的方法
2018/10/29 Python
Python控制键盘鼠标pynput的详细用法
2019/01/28 Python
Windows10下Tensorflow2.0 安装及环境配置教程(图文)
2019/11/21 Python
Python使用docx模块实现刷题功能代码
2020/02/13 Python
PyCharm刷新项目(文件)目录的实现
2020/02/14 Python
python encrypt 实现AES加密的实例详解
2020/02/20 Python
Django模板获取field的verbose_name实例
2020/05/19 Python
基于tensorflow __init__、build 和call的使用小结
2021/02/26 Python
即兴演讲稿
2014/01/04 职场文书
企业党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
党员“四风”问题批评与自我批评思想汇报
2014/10/06 职场文书
2014年客房部工作总结
2014/11/22 职场文书
浅析Python中的随机采样和概率分布
2021/12/06 Python
Python+Selenium实现读取网易邮箱验证码
2022/03/13 Python
python绘制简单直方图（质量分布图）的方法
2022/04/21 Python