首页
所有分类
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 相关文章推荐
JsEasy简介 JsEasy是什么?与下载
Mar 07 Javascript
JavaScript 乱码问题
Aug 06 Javascript
jQuery validate 中文API 附validate.js中文api手册
Jul 31 Javascript
JavaScript对象之间的转换 jQuery对象和原声DOM
Mar 07 Javascript
JS实现网页上随机产生超链接地址的方法
Nov 09 Javascript
javascript实现网站加入收藏功能
Dec 16 Javascript
angularjs自定义ng-model标签的属性
Jan 21 Javascript
jQuery实现jQuery-form.js实现异步上传文件
Apr 28 jQuery
vue下跨域设置的相关介绍
Aug 26 Javascript
JavaScript对象拷贝与Object.assign用法实例分析
Jun 20 Javascript
JS+HTML5 canvas绘制验证码示例
Dec 05 Javascript
Vue中import from的来源及省略后缀与加载文件夹问题
Feb 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
东方异文石(1) 小缇娜的奇幻之地(1) 最终幻想(1) 暴雪(1) 巫师(1) 遗弃(1) 我的世界(1) 艾尔登法环(1) LOL(1) 战锤40K(1)
You might like
Laravel 自动生成验证的实例讲解:login / logout
2019/10/14 PHP
JavaScript面象对象设计
2008/04/28 Javascript
js鼠标左右键 键盘值小结
2010/06/11 Javascript
filters.revealTrans.Transition使用方法小结
2010/08/19 Javascript
在浏览器中获取当前执行的脚本文件名的代码
2011/07/19 Javascript
jQuery替换字符串(实例代码)
2013/11/13 Javascript
js获取当前路径的简单示例代码
2014/01/08 Javascript
JavaScript操作Cookie方法实例分析
2015/05/27 Javascript
JS实现统计复选框选中个数并提示确定与取消的方法
2015/07/01 Javascript
总结jQuery插件开发中的一些要点
2016/05/16 Javascript
JS实现简单的tab切换选项卡效果
2016/09/21 Javascript
微信小程序 地图map详解及简单实例
2017/01/10 Javascript
详解Vue SPA项目优化小记
2018/07/03 Javascript
Vue动态获取width的方法
2018/08/22 Javascript
vue里面使用mui的弹出日期选择插件实例
2018/09/16 Javascript
vue项目动态设置页面title及是否缓存页面的问题
2018/11/08 Javascript
vue获取时间戳转换为日期格式代码实例
2019/04/17 Javascript
Laravel 如何在blade文件中使用Vue组件的示例代码
2020/06/28 Javascript
python实现的一个p2p文件传输实例
2014/06/04 Python
python基于socket实现网络广播的方法
2015/04/29 Python
python 实现删除文件或文件夹实例详解
2016/12/04 Python
django实现登录时候输入密码错误5次锁定用户十分钟
2017/11/05 Python
python with提前退出遇到的坑与解决方案
2018/01/05 Python
Python常用的json标准库
2019/02/19 Python
Python数据结构与算法（几种排序）小结
2019/06/22 Python
Django values()和value_list()的使用
2020/03/31 Python
PyQt5实现登录页面
2020/05/30 Python
Python3开发环境搭建详细教程
2020/06/18 Python
自学python用什么系统好
2020/06/23 Python
I.T中国官网：精选时尚设计师单品网购平台
2018/03/26 全球购物
Shopping happy life西班牙：以最优惠的价格提供最好的时尚配饰
2020/03/13 全球购物
酒店经理职责
2014/01/30 职场文书
2015年事业单位办公室文员工作总结
2015/04/24 职场文书
2016年第32个教师节红领巾广播稿
2015/12/18 职场文书
golang判断key是否在map中的代码
2021/04/24 Golang
golang操作redis的客户端包有多个比如redigo、go-redis
2022/04/14 Golang