首页
所有分类
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 相关文章推荐
ExtJs3.0中Store添加 baseParams 的Bug
Mar 10 Javascript
jQuery 中使用JSON的实现代码
Dec 01 Javascript
使用ImageMagick进行图片缩放、合成与裁剪(js+python)
Sep 16 Javascript
iframe子页面获取父页面元素的方法
Nov 05 Javascript
Bootstrap每天必学之缩略图与警示窗
Nov 29 Javascript
Angular的Bootstrap(引导)和Compiler(编译)机制
Jun 20 Javascript
JS实现获取来自百度,Google,soso,sogou关键词的方法
Dec 21 Javascript
解决axios发送post请求返回400状态码的问题
Aug 11 Javascript
详解jQuery获取特殊属性的值以及设置内容
Nov 14 jQuery
浅谈JS的原型和继承
May 08 Javascript
JS+html5实现异步上传图片显示上传文件进度条功能示例
Nov 09 Javascript
Vue中keep-alive组件的深入理解
Aug 23 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
pyqt5(3) linux(15) Slice(1) MapReduce(1) css3 (2) DFA(1) pycharm(6) pygame(3) 切片(1) Qlabel(1)
You might like
yii框架中的Url生产问题小结
2012/01/16 PHP
php中操作memcached缓存进行增删改查数据的实现代码
2014/08/15 PHP
深入解析Laravel5.5中的包自动发现Package Auto Discovery
2017/09/13 PHP
thinkPHP5.0框架验证码调用及点击图片刷新简单实现方法
2018/09/07 PHP
Laravel框架Auth用户认证操作实例分析
2019/09/29 PHP
gearman中任务的优先级和返回状态实例分析
2020/02/27 PHP
JavaScript的面向对象(二)
2006/11/09 Javascript
javascript实现选中复选框后相关输入框变灰不可用的方法
2015/08/11 Javascript
JavaScript学习小结(7)之JS RegExp
2015/11/29 Javascript
浅谈js和css内联外联注意事项
2016/06/30 Javascript
前端框架Vue.js构建大型应用浅析
2016/09/12 Javascript
JS html时钟制作代码分享
2017/03/03 Javascript
在JS中如何把毫秒转换成规定的日期时间格式实例
2017/05/11 Javascript
Vue组件通信实践记录（推荐）
2017/08/15 Javascript
thinkjs 文件上传功能实例代码
2017/11/08 Javascript
利用JavaScript的%做隔行换色的实例
2017/11/25 Javascript
Vue 与 Vuex 的第一次接触遇到的坑
2018/08/16 Javascript
微信小程序制作扭蛋机代码实例
2019/09/24 Javascript
highcharts.js数据绑定方式代码实例
2019/11/13 Javascript
vue+Element-ui实现分页效果
2020/11/15 Javascript
Python正则表达式分组概念与用法详解
2017/06/24 Python
Python字符编码与函数的基本使用方法
2017/09/30 Python
Python3.6 Schedule模块定时任务(实例讲解)
2017/11/09 Python
Python实现利用163邮箱远程关电脑脚本
2018/02/22 Python
把csv文件转化为数组及数组的切片方法
2018/07/04 Python
如何使用pyinstaller打包32位的exe程序
2019/05/26 Python
python中如何使用insert函数
2020/01/09 Python
浅谈Python3实现两个矩形的交并比(IoU)
2020/01/18 Python
pycharm全局搜索的具体步骤
2020/07/28 Python
英国珠宝钟表和家居礼品精品店：David Shuttle
2018/02/24 全球购物
会计职业生涯规划书
2014/01/13 职场文书
软件项目开发计划书
2014/05/01 职场文书
关于读书的演讲稿400字
2014/08/27 职场文书
行政处罚事先告知书
2015/07/01 职场文书
Idea连接MySQL数据库出现中文乱码的问题
2021/04/14 MySQL
Django+Nginx+uWSGI 定时任务的实现方法
2022/01/22 Python