首页
所有分类
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 相关文章推荐
一个对于Array的简单扩展
Oct 03 Javascript
JavaScript asp.net 获取当前超链接中的文本
Apr 14 Javascript
使用ImageMagick进行图片缩放、合成与裁剪(js+python)
Sep 16 Javascript
sliderToggle在写jquery的计时器setTimeouter中不生效
May 26 Javascript
深入理解JavaScript系列（49）：Function模式（上篇）
Mar 04 Javascript
js实现自定义路由
Feb 04 Javascript
Angular 4.x 路由快速入门学习
May 03 Javascript
React学习笔记之事件处理（二）
Jul 02 Javascript
vue-cli3.0+element-ui上传组件el-upload的使用
Dec 03 Javascript
浅谈对于react-thunk中间件的简单理解
May 01 Javascript
对vuex中store和$store的区别说明
Jul 24 Javascript
浅谈vue中get请求解决传输数据是数组格式的问题
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
ICF-5900W(2) Spring-Retry(1) EventBus(1) pt-archiver(1) muduo(1) Sqlite(2) Fragment(1) TcpServer(1) 多线程(6) Spring Boot(5)
You might like
PHP实现网上点歌（二）
2006/10/09 PHP
php 远程关机操作的代码
2008/12/05 PHP
php.ini中date.timezone设置分析
2011/07/29 PHP
浅谈php中urlencode与rawurlencode的区别
2016/09/05 PHP
PHP实现腾讯与百度坐标转换
2017/08/05 PHP
ThinkPHP5.0框架结合Swoole开发实现WebSocket在线聊天案例详解
2019/04/02 PHP
php 多个变量指向同一个引用($b = &amp;$a)用法分析
2019/11/13 PHP
jquery.simple.tree插件 更简单，兼容性更好的无限树插件
2010/09/03 Javascript
javascript对话框使用方法(警告框 javascript确认框 提示框)
2014/01/07 Javascript
JavaScript function 的 length 属性使用介绍
2014/09/15 Javascript
js使用心得分享
2015/01/13 Javascript
JavaScript知识点总结之如何提高性能
2016/01/15 Javascript
js仿手机页面文件下拉刷新效果
2016/10/14 Javascript
微信小程序 icon组件详细及实例代码
2016/10/25 Javascript
深入理解JS继承和原型链的问题
2016/12/17 Javascript
node.js与C语言 实现遍历文件夹下最大的文件，并输出路径，大小
2017/01/20 Javascript
JavaScript中数组Array.sort()排序方法详解
2017/03/01 Javascript
jQuery+Ajax实现用户名重名实时检测
2017/06/01 jQuery
使用 Javascript 实现浏览器推送提醒功能的示例
2017/11/03 Javascript
JS通过位运算实现权限加解密
2018/08/14 Javascript
vue使用rem实现 移动端屏幕适配
2018/09/26 Javascript
Element Alert警告的具体使用方法
2020/07/27 Javascript
Python OS模块实例详解
2019/04/15 Python
python将音频进行变速的操作方法
2020/04/08 Python
美国著名首饰网站：BaubleBar
2016/08/29 全球购物
StubHub意大利：购买和出售全球演唱会和体育赛事门票
2017/11/21 全球购物
开办加工厂创业计划书
2014/01/03 职场文书
迎元旦广播稿
2014/02/22 职场文书
希特勒的演讲稿
2014/05/23 职场文书
永远跟党走演讲稿
2014/09/12 职场文书
2014年控辍保学工作总结
2014/12/08 职场文书
2015年大学生实习评语
2015/03/25 职场文书
大学开学典礼新闻稿
2015/07/17 职场文书
你喜欢篮球吗?Python实现篮球游戏
2021/06/11 Python
Python实现信息轰炸工具(再也不怕说不过别人了)
2021/06/11 Python
利用python做数据拟合详情
2021/11/17 Python