根据分辨率不同,调用不同的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>中即可。

Javascript 相关文章推荐
javascript 事件绑定问题
Jan 01 Javascript
jquery 选项卡效果 新手代码
Jul 08 Javascript
JavaScript中Math对象方法使用概述
Jan 02 Javascript
jquery中get和post的简单实例
Feb 04 Javascript
js中将String转换为number以便比较
Jul 08 Javascript
php利用curl获取远程图片实现方法
Oct 26 Javascript
javascript实现自动填写表单实例简析
Dec 02 Javascript
javascript数组遍历的方法实例分析
Sep 13 Javascript
JS中如何实现复选框全选功能
Dec 19 Javascript
JavaScript事件处理程序详解
Sep 19 Javascript
vuejs选中当前样式active的实例
Aug 22 Javascript
element-ui 时间选择器限制范围的实现(随动)
Jan 09 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
You might like
转生史莱姆:萌王第一次撸串开心到飞起,哥布塔撸串却神似界王神
2018/11/30 日漫
老照片 - 几十年前的收音机与人
2021/03/02 无线电
php输出表格的实现代码(修正版)
2010/12/29 PHP
php实现redis数据库指定库号迁移的方法
2015/01/14 PHP
改写一个简单的菜单 弹性大小
2010/12/02 Javascript
基于jQuery的history历史记录插件
2010/12/11 Javascript
jQuery Clone Bug解决代码
2010/12/22 Javascript
JavaScript的Module模式编程深入分析
2013/08/13 Javascript
可恶的ie8提示缺少id未定义
2014/03/20 Javascript
textarea焦点的用法实现获取焦点清空失去焦点提示效果
2014/05/19 Javascript
JavaScript+CSS无限极分类效果完整实现方法
2015/12/22 Javascript
深入理解事件冒泡(Bubble)和事件捕捉(capture)
2016/05/28 Javascript
基于js对象,操作属性、方法详解
2016/08/11 Javascript
百度多文件异步上传控件webuploader基本用法解析
2016/11/07 Javascript
EditPlus中的正则表达式 实战(4)
2016/12/15 Javascript
Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘的解决方法
2017/06/17 Javascript
jQuery实现一个简单的验证码功能
2017/06/26 jQuery
基于JavaScript实现评论框展开和隐藏功能
2017/08/25 Javascript
vue中的双向数据绑定原理与常见操作技巧详解
2020/03/16 Javascript
vue-router定义元信息meta操作
2020/12/07 Vue.js
[01:33]PWL开团时刻DAY2-开雾与反开雾
2020/10/31 DOTA
Python contextlib模块使用示例
2015/02/18 Python
Python3.5编程实现修改IIS WEB.CONFIG的方法示例
2017/08/18 Python
Php多进程实现代码
2018/05/07 Python
python利用smtplib实现QQ邮箱发送邮件
2020/05/20 Python
对pandas中两种数据类型Series和DataFrame的区别详解
2018/11/12 Python
Python获取、格式化当前时间日期的方法
2020/02/10 Python
css3中的calc函数浅析
2018/07/10 HTML / CSS
澳大利亚100%丝绸多彩度假装商店:TheSwankStore
2019/09/04 全球购物
瑞典多品牌连锁店:Johnells
2021/01/13 全球购物
企业法人授权委托书
2014/04/03 职场文书
竞选体育委员演讲稿
2014/04/26 职场文书
室内设计专业自荐信
2014/05/31 职场文书
师德师风事迹材料
2014/12/20 职场文书
PyTorch梯度裁剪避免训练loss nan的操作
2021/05/24 Python
java泛型通配符详解
2021/07/25 Java/Android