首页
所有分类
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 相关文章推荐
dojo 之基础篇
Mar 24 Javascript
javascript 硬盘序列号+其它硬件信息
Dec 23 Javascript
javascript使用activex控件的代码
Jan 27 Javascript
基于jquery的弹出提示框始终处于窗口的居中位置（类似于alert弹出框的效果）
Sep 28 Javascript
Jquery修改页面标题title其它JS失效的解决方法
Oct 31 Javascript
JS事件添加和移出的兼容写法示例
Jun 20 Javascript
浅谈JavaScript事件绑定的常用方法及其优缺点分析
Nov 01 Javascript
基于JavaScript实现的顺序查找算法示例
Apr 14 Javascript
在Vue中使用Compass的方法
Mar 02 Javascript
微信小程序wx.request拦截器使用详解
Jul 09 Javascript
解决Vue打包上线之后部分CSS不生效的问题
Nov 12 Javascript
JavaScript 自定义html元素鼠标右键菜单功能
Dec 02 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
OutputStream(1) HDR(1) 高动态范围(1) HashSet集合(1) axios(1) persistedstate(1) Vue3(1) Set接口(1) InputStream(1) vuex(1)
You might like
IIS6+PHP5+MySQL5+Zend Optimizer+phpMyAdmin安装配置图文教程 2009年
2009/06/08 PHP
一步一步学习PHP(3) php 函数
2010/02/15 PHP
php实现aes加密类分享
2014/02/16 PHP
用 Composer构建自己的 PHP 框架之使用 ORM
2014/10/30 PHP
PHP新特性之字节码缓存和内置服务器
2017/08/11 PHP
理解JavaScript中的事件
2006/09/23 Javascript
javascript数组遍历for与for in区别详解
2014/12/04 Javascript
javascript数组去重的六种方法汇总
2015/08/16 Javascript
谈谈target=_new和_blank的不同之处
2016/10/25 Javascript
一个非常好用的文字滚动的案例，鼠标悬浮可暂停[两种方案任选]
2016/12/01 Javascript
javascript 定时器工作原理分析
2016/12/03 Javascript
BootstrapValidator超详细教程(推荐)
2016/12/07 Javascript
前端开发之CSS原理详解
2017/03/11 Javascript
Bootstrap table学习笔记（2） 前后端分页模糊查询
2017/05/18 Javascript
vue element中axios下载文件（后端Python）
2019/05/10 Javascript
swiper Scrollbar滚动条组件详解
2019/09/08 Javascript
Vue项目前后端联调(使用proxyTable实现跨域方式)
2020/07/18 Javascript
python统计字符串中指定字符出现次数的方法
2015/04/04 Python
详解python3中socket套接字的编码问题解决
2017/07/01 Python
Python 编程速成(推荐)
2019/04/15 Python
详解Python 切片语法
2019/06/10 Python
python之当你发现QTimer不能用时的解决方法
2019/06/21 Python
python保存字典和读取字典的实例代码
2019/07/07 Python
opencv-python 读取图像并转换颜色空间实例
2019/12/09 Python
Python使用cn2an实现中文数字与阿拉伯数字的相互转换
2021/03/02 Python
HTML5之WebGL 3D概述(上)—WebGL原生开发开启网页3D渲染新时代
2013/01/31 HTML / CSS
日本最大的旅游网站：Rakuten Travel（乐天旅游）
2018/08/02 全球购物
Ooni英国官网：披萨烤箱
2020/05/31 全球购物
生产管理的三大手法
2013/11/11 职场文书
服务中心夜班服务员岗位职责
2013/11/27 职场文书
珍惜时间演讲稿
2014/05/14 职场文书
行政执法作风整顿剖析材料
2014/10/11 职场文书
董事会决议范本
2015/07/01 职场文书
如何写通讯稿
2015/07/22 职场文书
预备党员入党感想
2015/08/10 职场文书
HTML5简单实现添加背景音乐的几种方法
2021/05/12 HTML / CSS