首页
所有分类
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 相关文章推荐
正则表达式语法
Oct 09 Javascript
JQuery中$之选择器用法介绍
Apr 05 Javascript
JQuery中操作Css样式的方法
Feb 12 Javascript
js拖拽一些常见的思路方法整理
Mar 19 Javascript
JavaScript DOM节点添加示例
Jul 16 Javascript
JavaScript中的方法重载实例
Mar 16 Javascript
分享五个有用的jquery小技巧
Oct 08 Javascript
详解Html a标签中href和onclick用法、区别、优先级别
Jan 16 Javascript
mongoose中利用populate处理嵌套的方法
May 26 Javascript
基于datepicker定义自己的angular时间组件的示例
Mar 14 Javascript
详解webpack模块加载器兼打包工具
Sep 11 Javascript
微信小程序Page中data数据操作和函数调用方法
May 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) 毅力号(1) 天问一号(1) 酶(1) NASA(1) 人造肉(1) 国际空间站(1) 太空(1) 火星(2) 塑料(1)
You might like
php 带逗号千位符数字的处理方法
2012/01/10 PHP
ubuntu12.04使用c编写php扩展模块教程分享
2013/12/25 PHP
ThinkPHP模板比较标签用法详解
2014/06/30 PHP
php基于GD库画五星红旗的方法
2015/02/24 PHP
thinkPHP3.2简单实现文件上传的方法
2016/05/16 PHP
php简单解析mysqli查询结果的方法(2种方法)
2016/06/29 PHP
thinkPHP5.0框架URL访问方法详解
2017/03/18 PHP
PHP children()函数讲解
2019/02/03 PHP
Laravel 5.2 文档 数据库 ―― 起步介绍
2019/10/21 PHP
php实现JWT(json web token)鉴权实例详解
2019/11/05 PHP
js 强制弹出窗口代码研究－又一款代码
2010/03/20 Javascript
JQuery开发的数独游戏代码
2010/10/29 Javascript
js实现文字跟随鼠标移动而移动的方法
2015/02/28 Javascript
简单介绍JavaScript中字符串创建的基本方法
2015/07/07 Javascript
Javascript实现数组中的元素上下移动
2017/04/28 Javascript
使用AngularJS对表单提交内容进行验证的操作方法
2017/07/12 Javascript
vue实现全选和反选功能
2017/08/31 Javascript
详解Immutable及 React 中实践
2018/03/01 Javascript
简化vuex的状态管理方案的方法
2018/06/02 Javascript
微信小程序发送短信验证码完整实例
2019/01/07 Javascript
通过实例了解Render Props回调地狱解决方案
2020/11/04 Javascript
Python 实现数据库更新脚本的生成方法
2017/07/09 Python
Python实现文件内容批量追加的方法示例
2017/08/29 Python
解决Pycharm 包已经下载,但是运行代码提示找不到模块的问题
2019/08/31 Python
python图的深度优先和广度优先算法实例分析
2019/10/26 Python
Python tempfile模块生成临时文件和临时目录
2020/09/30 Python
CSS3条纹背景制作的实战攻略
2016/05/31 HTML / CSS
ONLY瑞典官网：世界知名服装品牌
2018/06/19 全球购物
Nisbets爱尔兰：英国最大的厨房和餐饮设备供应商
2019/01/26 全球购物
上海方立数码笔试题
2013/10/18 面试题
2014年信息技术工作总结
2014/12/16 职场文书
关于召开会议的通知
2015/04/15 职场文书
诚信教育主题班会
2015/08/13 职场文书
导游词之南迦巴瓦峰
2019/11/19 职场文书
如何使用vue3打造一个物料库
2021/05/08 Vue.js
Web应用开发TypeScript使用详解
2022/05/25 Javascript