首页
所有分类
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 相关文章推荐
Jquery 插件开发笔记整理
Jan 17 Javascript
JSONP 跨域访问代理API-yahooapis实现代码
Dec 02 Javascript
javascript实现div浮动在网页最顶上并带关闭按钮效果实例
Aug 13 Javascript
JS实现左右拖动改变内容显示区域大小的方法
Oct 13 Javascript
实例剖析AngularJS框架中数据的双向绑定运用
Mar 04 Javascript
JavaScript弹出对话框的三种方式
Mar 23 Javascript
jQuery动态改变多行文本框高度的方法
Sep 07 Javascript
如何使用vuex实现兄弟组件通信
Nov 02 Javascript
jQuery实现的点击图片居中放大缩小功能示例
Jan 16 jQuery
Async/Await替代Promise的6个理由
Jun 15 Javascript
浅入深出Vue之自动化路由
Aug 06 Javascript
vue2.x 对象劫持的原理实现
Apr 19 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
cv2(1) MyBatis(5) 优先队列(1) exec(1) 三角函数(1) Android Studio(4) 迪杰斯特拉(1) seata(1) nacos(1) Dijkstra(1)
You might like
将兴奋、喜悦和坎加斯带到戴安娜：亚马逊公主
2020/03/03 欧美动漫
图书管理程序（一）
2006/10/09 PHP
PHP删除特定数组内容并且重建数组索引的方法.
2011/03/25 PHP
自己写了一个php检测文件编码的函数
2014/04/21 PHP
php文件操作相关类实例
2015/06/18 PHP
PHP中new static()与new self()的比较
2016/08/19 PHP
filemanage功能中用到的common.js
2007/04/08 Javascript
jQuery 技巧大全(新手入门篇)
2009/05/12 Javascript
js 多浏览器分别判断代码
2010/04/01 Javascript
Javascript JSQL，SQL无处不在，
2010/05/05 Javascript
js星星评分效果
2014/07/24 Javascript
javascript修改图片src的方法
2015/01/27 Javascript
Node.js中文件操作模块File System的详细介绍
2017/01/05 Javascript
JavaScript实现瀑布流图片效果
2017/06/30 Javascript
JS实现select选中option触发事件操作示例
2018/07/13 Javascript
vue微信分享到朋友圈 vue微信发送给好友
2018/11/28 Javascript
浅谈Vue的响应式原理
2019/05/30 Javascript
JS实现水平遍历和嵌套递归操作示例
2019/08/15 Javascript
怎么理解wx.navigateTo的events参数使用详情
2020/05/18 Javascript
React中使用Vditor自定义图片详解
2020/12/25 Javascript
Python sys.argv用法实例
2015/05/28 Python
Django基于ORM操作数据库的方法详解
2018/03/27 Python
Python使用googletrans报错的解决方法
2018/09/25 Python
详解Python Matplot中文显示完美解决方案
2019/03/07 Python
python调用动态链接库的基本过程详解
2019/06/19 Python
PyQt5组件读取参数的实例
2019/06/25 Python
python爬虫-模拟微博登录功能
2019/09/12 Python
解决Pytorch训练过程中loss不下降的问题
2020/01/02 Python
澳洲国民品牌乡村路折扣店：Country Road & Trenery Outlet
2018/04/19 全球购物
JAVA软件工程师测试题
2014/07/25 面试题
幼儿园家长寄语
2014/04/02 职场文书
成本会计岗位职责
2015/02/03 职场文书
2015年端午节活动策划书
2015/05/05 职场文书
麦田里的守望者读书笔记
2015/06/30 职场文书
婚礼领导致辞大全
2015/07/28 职场文书
大学军训通讯稿（2016最新版）
2015/12/21 职场文书