首页
所有分类
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的document.all函数使用示例
Dec 30 Javascript
浅谈JavaScript事件绑定的常用方法及其优缺点分析
Nov 01 Javascript
jQuery Ajax File Upload实例源码
Dec 12 Javascript
使用BootStrap进行轮播图的制作
Jan 06 Javascript
简单实现js菜单栏切换效果
Mar 04 Javascript
javascript ES6 新增了let命令使用介绍
Jul 07 Javascript
史上最全JavaScript常用的简写技巧（推荐）
Aug 17 Javascript
layui.js实现的表单验证功能示例
Nov 15 Javascript
详解基于DllPlugin和DllReferencePlugin的webpack构建优化
Jun 28 Javascript
Vue 实现展开折叠效果的示例代码
Aug 27 Javascript
axios实现文件上传并获取进度
Mar 25 Javascript
详解vue中使用transition和animation的实例代码
Dec 12 Vue.js
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
Postman(1) scrapy(1) DeOldify(1) 注解(1) BottomSheetDialog(1) virtualenv(1) ip2region(1) dataBinding(1) localStorage(1) 反射(1)
You might like
PHP循环语句笔记(foreach,list)
2011/11/29 PHP
Linux下PHP加速器APC的安装与配置笔记
2014/10/24 PHP
PHP join()函数用法与实例讲解
2019/03/11 PHP
很酷的javascript loading效果代码
2008/06/18 Javascript
javascript闭包的理解和实例
2010/08/12 Javascript
IE下Ajax缓存问题的快速解决方法(get方式)
2014/01/09 Javascript
js计算任意值之间随机数的方法
2015/01/16 Javascript
原生js页面滚动延迟加载图片
2015/12/20 Javascript
把普通对象转换成json格式的对象的简单实例
2016/07/04 Javascript
零基础轻松学JavaScript闭包
2016/12/30 Javascript
vue-hook-form使用详解
2017/04/07 Javascript
vue组件传递对象中实现单向绑定的示例
2018/02/28 Javascript
webstrom Debug 调试vue项目的方法步骤
2018/07/17 Javascript
Vue.js中对css的操作（修改）具体方式详解
2018/10/30 Javascript
vue element-ui table组件动态生成表头和数据并修改单元格格式 父子组件通信
2019/08/15 Javascript
JavaScript字符串处理常见操作方法小结
2019/11/15 Javascript
vue 解决无法对未定义的值,空值或基元值设置反应属性报错问题
2020/07/31 Javascript
Vue中inheritAttrs的使用实例详解
2020/12/31 Vue.js
[28:07]完美世界DOTA2联赛PWL S3 Phoenix vs INK ICE 第二场 12.13
2020/12/17 DOTA
python 开发的三种运行模式详细介绍
2017/01/18 Python
在python里从协程返回一个值的示例
2019/02/19 Python
Django生成PDF文档显示在网页上以及解决PDF中文显示乱码的问题
2019/07/04 Python
对Python中 \r, \n, \r\n的彻底理解
2020/03/06 Python
用python批量移动文件
2021/01/14 Python
使用OpenCV实现人脸图像卡通化的示例代码
2021/01/15 Python
详解HTML5 录音的踩坑之旅
2017/12/26 HTML / CSS
html5中使用hotcss.js实现手机端自适配的方法
2020/04/23 HTML / CSS
澳大利亚领先的亚麻品牌：Bed Threads
2019/12/16 全球购物
中职生自荐信
2013/10/13 职场文书
高中考试作弊检讨书
2014/01/14 职场文书
社会实践的活动方案
2014/08/22 职场文书
党的群众路线教育实践活动组织生活会发言材料
2014/10/17 职场文书
公路局群众路线教育实践活动第一阶段工作汇报
2014/10/25 职场文书
党员干部廉政承诺书
2015/04/28 职场文书
父亲节感言
2015/08/03 职场文书
pytorch常用数据类型所占字节数对照表一览
2021/05/17 Python