首页
所有分类
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 相关文章推荐
Ext JS Grid在IE6 下宽度的问题解决方法
Feb 15 Javascript
jQuery 自动增长的文本输入框实现代码
Apr 02 Javascript
利用js 进行输入框自动匹配字符的小例子
Jun 29 Javascript
解决Extjs4中form表单提交后无法进入success函数问题
Nov 26 Javascript
JQuery实现鼠标移动到图片上显示边框效果
Jan 09 Javascript
javascript的push使用指南
Dec 05 Javascript
基于jquery实现导航菜单高亮显示（两种方法）
Aug 23 Javascript
node.js连接mongoDB数据库 快速搭建自己的web服务
Apr 17 Javascript
浅谈javascript中的事件冒泡和事件捕获
Dec 28 Javascript
js 取消页面可以选中文字的功能方法
Jan 02 Javascript
JS中getElementsByClassName与classList兼容性问题解决方案分析
Aug 07 Javascript
js实现菜单跳转效果
Dec 11 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
数据备份(2) Vite(1) expdp(1) 腾讯云(1) 脚本(1) 字符画(1) dict(1) 外键约束(1) hook(1) Foreign Key(1)
You might like
PHP用函数嵌入网站访问量计数器
2017/10/27 PHP
PHP封装类似thinkphp连贯操作数据库Db类与简单应用示例
2019/05/08 PHP
ThinkPHP框架结合Ajax实现用户名校验功能示例
2019/07/03 PHP
jquery 获取表单元素里面的值示例代码
2013/07/28 Javascript
javascript中typeof操作符和constucor属性检测
2015/02/26 Javascript
javascript基本包装类型介绍
2015/04/10 Javascript
JavaScript实现给定时间相加天数的方法
2016/01/25 Javascript
js实现密码强度检测【附示例】
2016/03/30 Javascript
使用JQuery 加载页面时调用JS的实现方法
2016/05/30 Javascript
Javascript面试经典套路reduce函数查重
2017/03/23 Javascript
详解Vue中localstorage和sessionstorage的使用
2017/12/22 Javascript
JavaScript学习笔记之DOM操作实例分析
2019/01/08 Javascript
node(koa2) web应用模块介绍详解
2019/03/29 Javascript
vue实现带过渡效果的下拉菜单功能
2020/02/19 Javascript
详解vue v-model
2020/08/31 Javascript
echarts浮动显示单位的实现方法示例
2020/12/04 Javascript
用Python编写一个基于终端的实现翻译的脚本
2015/04/24 Python
python生成圆形图片的方法
2020/03/25 Python
详谈pandas中agg函数和apply函数的区别
2018/04/20 Python
python+selenium 定位到元素,无法点击的解决方法
2019/01/30 Python
完美解决ARIMA模型中plot_acf画不出图的问题
2020/06/04 Python
localStorage、sessionStorage使用总结
2017/11/17 HTML / CSS
意大利珠宝店：Luxury Zone
2019/01/05 全球购物
Puccini乌克兰：购买行李箱、女士手袋网上商店
2020/08/06 全球购物
实体的生命周期
2013/08/31 面试题
DELPHI面试题研发笔试试卷
2015/11/08 面试题
高中的自我鉴定
2013/12/16 职场文书
安全标准化汇报材料
2014/02/03 职场文书
机械制造毕业生求职信
2014/03/03 职场文书
医师定期考核实施方案
2014/05/07 职场文书
药店促销活动总结
2014/07/10 职场文书
感恩教师节演讲稿
2014/09/03 职场文书
2014年关工委工作总结
2014/11/17 职场文书
医院营销工作计划
2015/01/16 职场文书
2016关于学习党章的心得体会
2016/01/15 职场文书
MySQL如何快速创建800w条测试数据表
2022/03/17 MySQL