首页
所有分类
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 相关文章推荐
javascript的trim,ltrim,rtrim自定义函数
Sep 21 Javascript
Javascript 跨域访问解决方案
Feb 14 Javascript
浅谈Javascript嵌套函数及闭包
Nov 09 Javascript
JS文本框默认值处理详解
Jul 10 Javascript
Blocksit插件实现瀑布流数据无限( 异步)加载
Jun 20 Javascript
JS逆序遍历实现代码
Dec 02 Javascript
JavaScript类的写法
Sep 17 Javascript
关于使用axios的一些心得技巧分享
Jul 02 Javascript
详解Vue.js自定义tipOnce指令用法实例
Dec 19 Javascript
运用js实现图层拖拽的功能
May 24 Javascript
微信小程序实现身份证取景框拍摄
Sep 09 Javascript
javascript实现左右缓动动画函数
Nov 25 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
承诺书(369) 意向书(73) 聘任书(31) 竞聘书(31) 决心书(42) 主持词(345) 责任书(145) 活动总结(790) 广告词(105) 建议书(203)
You might like
PHILIPS D1835/D1875的电路分析与打理
2021/03/02 无线电
php 文件上传代码(限制jpg文件)
2010/01/05 PHP
PHP读取ACCESS数据到MYSQL的代码
2011/05/11 PHP
Fine Uploader文件上传组件应用介绍
2013/01/06 PHP
浅析php header 跳转
2013/06/17 PHP
PHP预定义变量9大超全局数组用法详解
2016/04/23 PHP
支付宝支付开发――当面付条码支付和扫码支付实例
2016/11/04 PHP
在Laravel5中正确设置文件权限的方法
2019/05/22 PHP
Swoole4.4协程抢占式调度器详解
2019/05/23 PHP
Jquery 基础学习笔记
2009/05/29 Javascript
中止javascript执行的方法
2014/02/14 Javascript
JavaScript实现为input与textarea自定义hover,focus效果的方法
2015/08/21 Javascript
JS动态的把左边列表添加到右边的实现代码(可上下移动)
2016/11/17 Javascript
前端JS面试中常见的算法问题总结
2016/12/23 Javascript
Bootstrap显示与隐藏简单实现代码
2017/03/06 Javascript
jquery.guide.js新版上线操作向导镂空提示jQuery插件(推荐)
2017/05/20 jQuery
JavaScript之面向对象_动力节点Java学院整理
2017/06/29 Javascript
浅谈vue-router2路由参数注意的问题
2017/11/08 Javascript
vue 之 .sync 修饰符示例详解
2018/04/21 Javascript
vue 自定义右键样式的实例代码
2019/11/06 Javascript
JavaScript枚举选择jquery插件代码实例
2020/11/17 jQuery
[07:01]DOTA2-DPC中国联赛正赛 Aster vs Magma 3月5日 赛后选手采访
2021/03/11 DOTA
调试Python程序代码的几种方法总结
2015/04/28 Python
利用Python爬虫给孩子起个好名字
2017/02/14 Python
Python3并发写文件与Python对比
2019/11/20 Python
Python reversed函数及使用方法解析
2020/03/17 Python
Python项目打包成二进制的方法
2020/12/30 Python
HTML5实现简单图片上传所遇到的问题及解决办法
2016/01/20 HTML / CSS
HTML5 3D书本翻页动画的实现示例
2019/08/28 HTML / CSS
简历中个人自我评价范文
2013/12/26 职场文书
物流仓储计划书
2014/01/10 职场文书
社会工作专业自荐信
2014/09/26 职场文书
毕业典礼主持词
2015/06/29 职场文书
品牌形象定位，全面分析
2019/07/23 职场文书
详解Node.js如何处理ES6模块
2021/05/15 Javascript
Python 中的 copy()和deepcopy()
2021/11/07 Python