首页
所有分类
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的商品展示放大镜
Aug 07 Javascript
JavaScript高级程序设计 阅读笔记（二十一） JavaScript中的XML
Sep 14 Javascript
jquery教程限制文本框只能输入数字和小数点示例分享
Jan 13 Javascript
JavaScript中定义类的方式详解
Jan 07 Javascript
js实现下拉菜单效果
Mar 01 Javascript
js实现Tab选项卡切换效果
Jul 17 Javascript
微信小程序异步处理详解
Nov 10 Javascript
记一次webpack3升级webpack4的踩坑经历
Jun 12 Javascript
electron + vue项目实现打印小票功能及实现代码
Nov 25 Javascript
JavaScript ES6箭头函数使用指南
Dec 30 Javascript
如何正确理解vue中的key详解
Nov 02 Javascript
微信小程序自定义底部弹出框动画
Nov 18 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
http_stub_status_module(1) text-shadow(1) keeplive_timeout(1) BufferPool(1) 复合索引(1) RTMP(1) location(2) 逻辑函数(1) 缓存机制(1) zabbix(9)
You might like
PHP解密Unicode及Escape加密字符串
2015/05/17 PHP
关于PHP 如何用 curl 读取 HTTP chunked 数据
2016/02/26 PHP
php中时间函数date及常用的时间计算
2017/05/12 PHP
Yii框架Session与Cookie使用方法示例
2019/10/14 PHP
PHP实现创建一个RPC服务操作示例
2020/02/23 PHP
有关PHP 中 config.m4 的探索
2020/08/26 PHP
JQery 渐变图片导航效果代码 漂亮
2010/01/01 Javascript
判断用户的在线状态 onbeforeunload事件
2011/03/05 Javascript
JS冒泡事件的快速解决方法
2013/12/16 Javascript
js鼠标悬浮出现遮罩层的方法
2015/01/28 Javascript
BootStrap响应式导航条实例介绍
2016/05/06 Javascript
vue中v-model动态生成的实例详解
2017/10/27 Javascript
vue文件树组件使用详解
2018/03/29 Javascript
ES6知识点整理之函数数组参数的默认值及其解构应用示例
2019/04/17 Javascript
深入浅出 Vue 系列 -- 数据劫持实现原理
2019/04/23 Javascript
Python开发中爬虫使用代理proxy抓取网页的方法示例
2017/09/26 Python
简单实现python进度条脚本
2017/12/18 Python
python 与服务器的共享文件夹交互方法
2018/12/27 Python
Python使用itchat 功能分析微信好友性别和位置
2019/08/05 Python
Django命名URL和反向解析URL实现解析
2019/08/09 Python
Pycharm 2019 破解激活方法图文详解
2019/10/11 Python
让你的Python代码实现类型提示功能
2019/11/19 Python
节日快乐! Python画一棵圣诞树送给你
2019/12/24 Python
利用Python脚本实现自动刷网课
2020/02/03 Python
python实现马丁策略的实例详解
2021/01/15 Python
使用豆瓣源来安装python中的第三方库方法
2021/01/26 Python
使用css3做0.5px的细线的示例代码
2018/01/18 HTML / CSS
HTML5 语义化结构化规范化
2008/10/17 HTML / CSS
高山背包：High Sierra
2017/11/23 全球购物
阿迪达斯印尼官方网站：adidas印尼
2020/02/10 全球购物
求职信模板
2014/05/23 职场文书
党员个人对照检查材料
2014/10/01 职场文书
人身损害赔偿协议书格式
2014/11/01 职场文书
2016继续教育培训学习心得体会
2016/01/19 职场文书
浅谈如何保证Mysql主从一致
2022/03/13 MySQL
SpringCloud Function SpEL注入漏洞分析及环境搭建
2022/04/08 Java/Android