首页
所有分类
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 事件冒泡简介及应用
Jan 11 Javascript
ext combox 下拉框不出现自动提示,自动选中的解决方法
Feb 24 Javascript
jQuery判断复选框是否勾选的原理及示例
May 21 Javascript
前端轻量级MVC框架CanJS详解
Sep 26 Javascript
jQuery中[attribute!=value]选择器用法实例
Dec 31 Javascript
js实现左侧网页tab滑动门效果代码
Sep 06 Javascript
javascript中利用柯里化函数实现bind方法
Apr 29 Javascript
深入理解Angular.JS中的Scope继承
Jun 04 Javascript
基于js文件加载优化(详解)
Jan 03 Javascript
Vue.js图片预览插件使用详解
Aug 27 Javascript
如何构建一个Vue插件并生成npm包
Oct 26 Javascript
详解ES6实现类的私有变量的几种写法
Feb 10 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
css3 (2) SpringBoot(22) element-china-area-data(1) tabBar(1) self(1) capture(1) Normal From(1) JSON(10) MybatisPlus(2) uniapp(4)
You might like
PHP实现动态执行代码的方法
2016/03/25 PHP
php一个文件搞定微信jssdk配置
2016/12/12 PHP
PHP中让json_encode不自动转义斜杠“/”的方法
2017/02/28 PHP
比较全面的event对像在IE与FF中的区别 推荐
2009/09/21 Javascript
学习ExtJS（一） 之基础前提
2009/10/07 Javascript
javascript 事件查询综合 推荐收藏
2010/03/10 Javascript
jQuery中scrollTop()方法用法实例
2015/01/16 Javascript
jQuery+slidereveal实现的面板滑动侧边展出效果
2015/03/14 Javascript
JavaScript声明变量名的语法规则
2015/07/10 Javascript
javascript实现保留两位小数的多种方法
2015/12/18 Javascript
AngularJS 使用$sce控制代码安全检查
2016/01/05 Javascript
去除字符串左右两边的空格(实现代码)
2016/05/12 Javascript
JCrop+ajaxUpload 图像切割上传的实例代码
2016/07/20 Javascript
基于chosen插件实现人员选择树搜索自动筛选功能
2016/09/24 Javascript
@ResponseBody 和 @RequestBody 注解的区别
2017/03/08 Javascript
webpack学习--webpack经典7分钟入门教程
2017/06/28 Javascript
微信小程序“摇一摇”的实例代码
2017/07/20 Javascript
vue.js实现标签页切换效果
2018/06/07 Javascript
微信小程序动态增加按钮组件
2018/09/14 Javascript
js实现简单的秒表
2020/01/16 Javascript
ES6字符串的扩展实例
2020/12/21 Javascript
Python实现的Kmeans++算法实例
2014/04/26 Python
Python FTP两个文件夹间的同步实例代码
2018/05/25 Python
Python 类的魔法属性用法实例分析
2019/11/21 Python
python实现图片横向和纵向拼接
2020/03/05 Python
草莓网英国官网：Strawberrynet UK
2017/02/12 全球购物
PREMIUM-MALL法国：行李、箱包及配件在线
2019/05/30 全球购物
高级工程师岗位职责
2013/12/15 职场文书
党课培训主持词
2014/04/01 职场文书
关爱老人标语
2014/06/21 职场文书
普通党员个人整改措施
2014/10/27 职场文书
2015应届毕业生求职信范文
2015/03/20 职场文书
导游词之山西祁县乔家大院
2019/10/14 职场文书
用Python实现Newton插值法
2021/04/17 Python
十大经典日本动漫排行榜 海贼王第三,犬夜叉仅第八
2022/03/18 日漫
一文搞懂PHP中的抽象类和接口
2022/05/25 PHP