首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

根据分辨率不同，调用不同的css文件

Posted in Javascript onJuly 07, 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 相关文章推荐
Mootools 1.2教程 事件处理
Sep 15 Javascript
jQuery选择器中含有空格的使用示例及注意事项
Aug 25 Javascript
用jquery实现动画跳到顶部和底部(这个比较简单)
Sep 01 Javascript
jquery实现点击展开列表同时隐藏其他列表
Aug 10 Javascript
使用jQuery制作Web页面遮罩层插件的实例教程
May 26 Javascript
AngularJS ng-bind-template 指令详解
Jul 30 Javascript
详解angular中通过$location获取路径(参数)的写法
Mar 21 Javascript
TypeScript入门-基本数据类型
Mar 28 Javascript
JavaScript对象_动力节点Java学院整理
Jun 23 Javascript
javascript 取小数点后几位几种方法总结
Aug 02 Javascript
基于JavaScript实现五子棋游戏
Aug 26 Javascript
js将URL网址转为16进制加密与解密函数
Mar 04 Javascript
鼠标图片振动代码
Jul 06 #Javascript
显示、隐藏密码
Jul 01 #Javascript
让焦点自动跳转
Jul 01 #Javascript
onpropertypchange
Jul 01 #Javascript
限制复选框的最大可选数
Jul 01 #Javascript
让innerHTML的脚本也可以运行起来
Jul 01 #Javascript
DEFER怎么用？
Jul 01 #Javascript
模拟人生(1) 大话西游(1) AGC(1) 74HC4066(1) 铁拳(1) 吸血鬼(1) 死亡搁浅(1) 绿林侠盗(1) 原神(1) FS1016(1)
You might like
php 特殊字符处理函数
2008/09/05 PHP
php 解压rar文件及zip文件的方法
2014/05/05 PHP
typecho插件编写教程（一）:Hello World
2015/05/28 PHP
使用URL传输SESSION信息
2015/07/14 PHP
JavaScript 脚本将当地时间转换成其它时区
2009/03/19 Javascript
js 通用javascript函数库整理
2011/08/14 Javascript
使用js实现关闭js弹出层的窗口
2014/02/10 Javascript
删除javascript中注释语句的正则表达式
2014/06/11 Javascript
js实现每日自动换一张图片的方法
2015/05/04 Javascript
JavaScript简单获取系统当前时间完整示例
2016/08/02 Javascript
微信小程序 wx.login解密出现乱码的问题解决办法
2017/03/10 Javascript
Antd中单个DatePicker限定时间输入范围操作
2020/10/29 Javascript
Python中自定义函数的教程
2015/04/27 Python
使用python实现rsa算法代码
2016/02/17 Python
Python实现的摇骰子猜大小功能小游戏示例
2017/12/18 Python
PyCharm代码格式调整方法
2018/05/23 Python
python 文件转成16进制数组的实例
2018/07/09 Python
浅谈python之新式类
2018/08/12 Python
Python并发之多进程的方法实例代码
2018/08/15 Python
详解Python的数据库操作（pymysql）
2019/04/04 Python
python粘包问题及socket套接字编程详解
2019/06/29 Python
Linux下通过python获取本机ip方法示例
2019/09/06 Python
详解python实现可视化的MD5、sha256哈希加密小工具
2020/09/14 Python
CSS3制作圆形滚动进度条动画的示例
2020/11/05 HTML / CSS
AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代码
2020/08/19 HTML / CSS
三星加拿大官方网上商店：Samsung CA
2020/12/18 全球购物
95%的面试官都会问到的50道Java线程题，附答案
2012/08/03 面试题
摄影实习自我鉴定
2013/09/20 职场文书
小学生自我鉴定
2013/10/12 职场文书
文明寄语大全
2014/04/11 职场文书
教师一岗双责责任书
2014/04/16 职场文书
推广普通话共筑中国梦演讲稿
2014/09/21 职场文书
2014年文秘工作总结
2014/11/25 职场文书
《水上飞机》教学反思
2016/02/20 职场文书
致毕业季：你如何做好自己的职业生涯规划书？
2019/07/01 职场文书
PostgreSQL怎么创建分区表详解
2022/06/25 PostgreSQL