首页
所有分类
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 相关文章推荐
当自定义数据属性为json格式字符串时jQuery的data api问题探讨
Feb 18 Javascript
利用jquery操作Radio方法小结
Oct 20 Javascript
jQuery中prepend()方法用法实例
Dec 25 Javascript
jqueryUI里拖拽排序示例分析
Feb 26 Javascript
Java Mybatis框架入门基础教程
Sep 21 Javascript
js获取客户端操作系统类型的方法【测试可用】
May 27 Javascript
浅谈javascript中的constructor
Jun 08 Javascript
基于LayUI实现前端分页功能的方法
Jul 22 Javascript
JS库 Highlightjs 添加代码行号的实现代码
Sep 13 Javascript
Vue仿今日头条实例详解
Feb 06 Javascript
JS/HTML5游戏常用算法之碰撞检测 像素检测算法实例详解
Dec 12 Javascript
node.js爬虫框架node-crawler初体验
Oct 29 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
SRF-S83(1) SRF-S84(1) 台湾(1) 南麂列岛(1) 根德(2) PL660(1) MX500(1) S2000(3) Panasonic(1) 松下(1)
You might like
smarty+adodb+部分自定义类的php开发模式
2006/12/31 PHP
用PHP代码给图片加水印
2015/07/01 PHP
[原创]ThinkPHP让../Public在模板不解析(直接输出)的方法
2015/10/09 PHP
js实现点击添加一个input节点
2014/12/05 Javascript
基于jQuery仿淘宝产品图片放大镜代码分享
2020/06/23 Javascript
AngularJS使用angular-formly进行表单验证
2015/12/27 Javascript
微信小程序 视图层（xx.xml)和逻辑层(xx.js)详细介绍
2016/10/13 Javascript
bootstrap实现图片自动轮播
2016/12/21 Javascript
angular十大常见问题
2017/03/07 Javascript
使用vue框架 Ajax获取数据列表并用BootStrap显示出来
2017/04/24 Javascript
React Native 使用Fetch发送网络请求的示例代码
2017/12/02 Javascript
在 webpack 中使用 ECharts的实例详解
2018/02/05 Javascript
vue 弹框产生的滚动穿透问题的解决
2018/09/21 Javascript
微信小程序云开发（数据库）详解
2019/05/17 Javascript
jquery UI实现autocomplete在获取焦点时得到显示列表功能示例
2019/06/04 jQuery
详解Vue 如何监听Array的变化
2019/06/06 Javascript
JS中的算法与数据结构之常见排序（Sort）算法详解
2019/08/16 Javascript
详细分析Node.js 多进程
2020/06/22 Javascript
Python最长公共子串算法实例
2015/03/07 Python
对pandas进行数据预处理的实例讲解
2018/04/20 Python
python3实现爬取淘宝美食代码分享
2018/09/23 Python
使用python根据端口号关闭进程的方法
2018/11/06 Python
django中使用事务及接入支付宝支付功能
2019/09/15 Python
MAC平台基于Python Appium环境搭建过程图解
2020/08/13 Python
Python如何爬取51cto数据并存入MySQL
2020/08/25 Python
Python中猜拳游戏与猜筛子游戏的实现方法
2020/09/04 Python
Python下载的11种姿势(小结)
2020/11/18 Python
python制作微博图片爬取工具
2021/01/16 Python
canvas压缩图片以及卡片制作的方法示例
2018/12/04 HTML / CSS
欧洲最大的拼图游戏商店：JigsawPuzzle.co.uk
2018/07/04 全球购物
亚洲最大的眼镜批发商和零售商之一：Glasseslit
2018/10/08 全球购物
《生命的药方》教学反思
2014/04/08 职场文书
党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
学习心理学的体会
2014/11/07 职场文书
教务处干事工作总结
2015/08/14 职场文书
2016社区平安家庭事迹材料
2016/02/26 职场文书