根据分辨率不同,调用不同的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>中即可。

Javascript 相关文章推荐
EditPlus注册码生成器(js代码实现)
Mar 25 Javascript
javascript中的事件代理初探
Mar 08 Javascript
JQuery实现的图文自动轮播效果插件
Jun 19 Javascript
浅谈javascript原型链与继承
Jul 13 Javascript
JavaScript中关联原型链属性特性
Feb 13 Javascript
JavaScript中创建对象的模式汇总
Apr 19 Javascript
深入浅析JavaScript中数据共享和数据传递
Apr 25 Javascript
jQuery中$.grep() 过滤函数 数组过滤
Nov 22 Javascript
深入学习Bootstrap表单
Dec 13 Javascript
jQuery实现表格元素动态创建功能
Jan 09 Javascript
详解使用webpack构建多页面应用
Dec 21 Javascript
Angular父组件调用子组件的方法
Apr 02 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
You might like
PHP中调用ASP.NET的WebService的代码
2011/04/22 PHP
PHP导航下拉菜单的实现如此简单
2013/09/22 PHP
PHP排序算法之堆排序(Heap Sort)实例详解
2018/04/21 PHP
php输出反斜杠的实例方法
2019/09/19 PHP
Aster vs KG BO3 第二场2.19
2021/03/10 DOTA
深入理解JavaScript系列(29):设计模式之装饰者模式详解
2015/03/03 Javascript
node.js学习之base64编码解码
2016/10/21 Javascript
zTree树形插件异步加载方法详解
2017/06/14 Javascript
使用 Vue 绑定单个或多个 Class 名的实例代码
2018/01/08 Javascript
node 使用 async 控制并发的方法
2018/05/07 Javascript
jsonp跨域及实现百度首页联想功能的方法
2018/08/30 Javascript
Vue项目部署在Spring Boot出现页面空白问题的解决方案
2018/11/26 Javascript
详解vue 动态加载并注册组件且通过 render动态创建该组件
2019/05/30 Javascript
js 实现 list转换成tree的方法示例(数组到树)
2019/08/18 Javascript
使用Python下载Bing图片(代码)
2013/11/07 Python
Python实现读取并保存文件的类
2017/05/11 Python
python+selenium select下拉选择框定位处理方法
2019/08/24 Python
Numpy中对向量、矩阵的使用详解
2019/10/29 Python
python编程进阶之异常处理用法实例分析
2020/02/21 Python
Python openpyxl 插入折线图实例
2020/04/17 Python
python如何进行矩阵运算
2020/06/05 Python
html5视频常用API接口的实战示例
2020/03/20 HTML / CSS
英国时尚饰品和发饰购物网站:Claire’s
2017/07/04 全球购物
英国和世界各地鲜花速递专家:Arena Flowers
2018/02/10 全球购物
Clearly澳大利亚:购买眼镜、太阳镜和隐形眼镜
2018/04/26 全球购物
安全生产责任书
2014/03/12 职场文书
主办会计岗位职责
2014/03/13 职场文书
生日寄语大全
2014/04/08 职场文书
乡镇党的群众路线教育实践活动剖析材料
2014/10/09 职场文书
酒店辞职信怎么写
2015/02/27 职场文书
龙猫观后感
2015/06/09 职场文书
小学数学继续教育研修日志
2015/11/13 职场文书
Redis+Lua脚本实现计数器接口防刷功能(升级版)
2022/02/12 Redis
javascript之Object.assign()的痛点分析
2022/03/03 Javascript
Java对文件的读写操作方法
2022/04/29 Java/Android
box-shadow单边阴影的实现
2023/05/21 HTML / CSS