首页
所有分类
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 Event学习第十一章 按键的检测
Feb 10 Javascript
基于jQuery的获得各种控件Value的方法
Nov 19 Javascript
使用js检测浏览器的实现代码
May 14 Javascript
Javascript中使用A标签获取当前目录的绝对路径方法
Mar 02 Javascript
详谈LABJS按需动态加载js文件
May 07 Javascript
jQuery使用serialize()表单序列化时出现中文乱码问题的解决办法
Jul 27 Javascript
微信小程序 视图容器组件的详解及实例代码
Jan 19 Javascript
javascript高级模块化require.js的具体使用方法
Oct 31 Javascript
axios进阶实践之利用最优雅的方式写ajax请求
Dec 20 Javascript
分享vue里swiper的一些坑
Aug 30 Javascript
vscode 开发Vue项目的方法步骤
Nov 25 Javascript
200行HTML+JavaScript实现年会抽奖程序
Jan 22 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
JOIN(1) logging(1) apt命令(1) NoSQL(1) 缓冲区(1) 类加载器(1) Pickle(1) netty(1) json_extract(1) Launch Mode(1)
You might like
[原创]php获取数组中键值最大数组项的索引值
2015/03/17 PHP
PHP基于cookie与session统计网站访问量并输出显示的方法
2016/01/15 PHP
php登录超时检测功能实例详解
2017/03/21 PHP
详谈配置phpstorm完美支持Codeigniter(CI)代码自动完成(代码提示)
2017/04/07 PHP
Javascript实例教程(19) 使用HoTMetal(5)
2006/12/23 Javascript
在JavaScript中通过URL传递汉字的方法
2007/04/09 Javascript
Javascript 学习书 推荐
2009/06/13 Javascript
ajax 缓存 问题 requestheader
2010/08/01 Javascript
Dojo 学习要点
2010/09/03 Javascript
滚动图片效果 jquery实现回旋滚动效果
2013/01/08 Javascript
jquery Mobile入门—外部链接切换示例代码
2013/01/08 Javascript
vue过渡和animate.css结合使用详解
2017/06/14 Javascript
webpack引入eslint配置详解
2018/01/22 Javascript
vue中rem的配置的方法示例
2018/08/30 Javascript
nodejs搭建本地服务器并访问文件操作示例
2019/05/11 NodeJs
一个基于flask的web应用诞生 组织结构调整（7）
2017/04/11 Python
python3.6 +tkinter GUI编程 实现界面化的文本处理工具(推荐)
2017/12/20 Python
Python实现的简单计算器功能详解
2018/08/25 Python
python实现控制COM口的示例
2019/07/03 Python
Matplotlib scatter绘制散点图的方法实现
2020/01/02 Python
Django如何使用redis作为缓存
2020/05/21 Python
Python魔术方法专题
2020/06/19 Python
python爬虫使用正则爬取网站的实现
2020/08/03 Python
聊聊python中的循环遍历
2020/09/07 Python
CSS+jQuery实现的在线答题功能
2015/04/25 HTML / CSS
基于 HTML5 Canvas实现 的交互式地铁线路图
2018/03/05 HTML / CSS
手对手的教你用canvas画一个简单的海报的方法示例
2018/12/10 HTML / CSS
英国现代家具和装饰网站：PN Home
2018/08/16 全球购物
高一英语教学反思
2014/01/22 职场文书
客服部工作职责范本
2014/02/14 职场文书
六一儿童节活动总结
2014/08/27 职场文书
经典导游欢迎词
2015/01/26 职场文书
仓管员岗位职责
2015/02/03 职场文书
2015年秋季小学开学标语
2015/07/16 职场文书
小学大队长竞选稿
2015/11/20 职场文书
交通安全学习心得体会
2016/01/18 职场文书