首页
所有分类
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 相关文章推荐
自己动手实现jQuery Callbacks完整功能代码详解
Nov 25 Javascript
javascript实现json页面分页实例代码
Feb 20 Javascript
浏览器窗口加载和大小改变事件示例
Feb 27 Javascript
js实现模拟计算器退格键删除文字效果的方法
May 07 Javascript
简单介绍JavaScript中字符串创建的基本方法
Jul 07 Javascript
JS+CSS实现的经典tab选项卡效果代码
Sep 16 Javascript
谈谈jQuery Ajax用法详解
Nov 27 Javascript
jQuery手动点击实现图片轮播特效
Apr 20 Javascript
浅谈jQuery为哪般去掉了浏览器检测
Aug 29 Javascript
ES7中利用Await减少回调嵌套的方法详解
Nov 01 Javascript
vue增加强缓存和版本号的实现方法
May 01 Javascript
JavaScript怎样在删除前添加确认弹出框?
May 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
前后端分离(1) 防盗链(1) 443(1) 压力测试(1) 二级域名(1) 反向代理(2) shell(3) 默认端口(3) reload(1) SSL(3)
You might like
一些 PHP 管理系统程序中的后门
2009/08/05 PHP
PHP的SQL注入过程分析
2012/01/06 PHP
PHP中执行cmd命令的方法
2014/10/11 PHP
WordPress中注册菜单与调用菜单的方法详解
2015/12/18 PHP
PHP rmdir()函数的用法总结
2019/07/02 PHP
PHP实现的微信APP支付功能示例【基于TP5框架】
2019/09/16 PHP
用JS写的一个TableView控件代码
2010/01/23 Javascript
js Date自定义函数 延迟脚本执行
2010/03/10 Javascript
Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)
2013/12/12 Javascript
JavaScript中number转换成string介绍
2014/12/31 Javascript
深入浅析JS的数组遍历方法(推荐)
2016/06/15 Javascript
Bootstrap CSS组件之下拉菜单(dropdown)
2016/12/17 Javascript
JS常见算法详解
2017/02/28 Javascript
nodejs 终端打印进度条实例代码
2017/04/22 NodeJs
Vue声明式渲染详解
2017/05/17 Javascript
axios 处理 302 状态码的解决方法
2018/04/10 Javascript
[00:36]DOTA2风云人物相约完美“圣”典 12月17日不见不散
2016/11/30 DOTA
Python重新引入被覆盖的自带function
2014/07/16 Python
python实时分析日志的一个小脚本分享
2017/05/07 Python
关于pip的安装,更新,卸载模块以及使用方法(详解)
2017/05/19 Python
Python Nose框架编写测试用例方法
2017/10/26 Python
python取数作为临时极大值(极小值)的方法
2018/10/15 Python
Python3.5基础之函数的定义与使用实例详解【参数、作用域、递归、重载等】
2019/04/26 Python
使用pandas实现连续数据的离散化处理方式(分箱操作)
2019/11/22 Python
python传到前端的数据,双引号被转义的问题
2020/04/03 Python
如何通过Python3和ssl实现加密通信功能
2020/05/09 Python
Django中和时区相关的安全问题详解
2020/10/12 Python
Kate Spade美国官网：纽约新兴时尚品牌，以包包闻名于世
2017/11/09 全球购物
即时搜索数百万张门票：SeatsForEveryone.com
2018/08/26 全球购物
母亲节演讲稿范文
2014/01/02 职场文书
乡镇三项教育实施方案
2014/03/30 职场文书
医学生求职自荐书
2014/06/12 职场文书
酒店周年庆活动方案
2014/08/21 职场文书
送给火锅店的创意营销方案！
2019/07/08 职场文书
JUnit5常用注解的使用
2021/07/02 Java/Android
铁头也玩根德 YachtBoy YB-230......
2022/04/05 无线电