首页
所有分类
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 相关文章推荐
window.open()弹出居中的窗口
Feb 01 Javascript
JS获取下拉列表所选中的TEXT和Value的实现代码
Jan 11 Javascript
使用jQuery将多条数据插入模态框的实现代码
Oct 08 Javascript
JavaScript图片轮播代码分享
Jul 31 Javascript
Angular中的$watch、$watchGroup、$watchCollection
Jun 25 Javascript
three.js中3D视野的缩放实现代码
Nov 16 Javascript
Vue项目中设置背景图片方法
Feb 21 Javascript
vue项目中使用fetch的实现方法
Apr 25 Javascript
vue3.0 搭建项目总结(详细步骤)
May 20 Javascript
jQuery实现验证用户登录
Dec 10 jQuery
Javascript地址引用代码实例解析
Feb 25 Javascript
vue实现表单未编辑或未保存离开弹窗提示功能
Apr 08 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) ad hoc(1) SW(1) 中波(3) GWEN(1) 调频(4) SWL(1) FM(4) 调幅(1) LW(1)
You might like
解密ThinkPHP3.1.2版本之模块和操作映射
2014/06/19 PHP
PHP中的Streams详细介绍
2014/11/12 PHP
php实现遍历目录并删除指定文件中指定内容
2015/01/21 PHP
使用URL传输SESSION信息
2015/07/14 PHP
jquery 表单下所有元素的隐藏
2009/07/25 Javascript
Jquery Ajax学习实例7 Ajax所有过程事件分析示例
2010/03/23 Javascript
Javascript计算时间差的函数分享
2011/07/04 Javascript
jQuery实现自定义下拉列表
2015/01/05 Javascript
jquery实现弹出层效果实例
2015/05/19 Javascript
JS组件Bootstrap实现图片轮播效果
2016/05/16 Javascript
Bootstrap3学习笔记(三)之表格
2016/05/20 Javascript
Dropzone.js实现文件拖拽上传功能(附源码下载)
2016/11/22 Javascript
jquery实现轮播图效果
2017/02/13 Javascript
浅谈vue2 单页面如何设置网页title
2017/11/08 Javascript
javascript中一些奇葩的日期换算方法总结
2018/11/14 Javascript
jQuery与原生JavaScript选择HTML元素集合用法对比分析
2019/11/26 jQuery
Vue获取页面元素的相对位置的方法示例
2020/02/05 Javascript
Node.js API详解之 os模块用法实例分析
2020/05/06 Javascript
如何编写一个 Webpack Loader的实现
2020/10/18 Javascript
vue组件是如何解析及渲染的？
2021/01/13 Vue.js
Python3读取Excel数据存入MySQL的方法
2018/05/04 Python
Python get获取页面cookie代码实例
2018/09/12 Python
python 进程的几种创建方式详解
2019/08/29 Python
Python如何获取文件指定行的内容
2020/05/27 Python
Django用户登录与注册系统的实现示例
2020/06/03 Python
让IE9以下版本的浏览器兼容HTML5的方法
2014/03/12 HTML / CSS
xxx同志考察材料
2014/02/07 职场文书
党员四风剖析材料
2014/08/27 职场文书
家属答谢词
2015/01/05 职场文书
英文感谢信格式
2015/01/21 职场文书
销售开票员岗位职责
2015/04/15 职场文书
2015年试用期工作总结范文
2015/05/28 职场文书
调解协议书范本
2016/03/21 职场文书
HTML基础-标签分类(闭合标签，空标签，块级元素，行内元素，行级块元素，可替换元素)
2021/03/31 HTML / CSS
JavaScript实现贪吃蛇游戏
2021/06/16 Javascript
Mysql中where与on的区别及何时使用详析
2021/08/04 MySQL