根据分辨率不同,调用不同的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 相关文章推荐
自制轻量级仿jQuery.boxy对话框插件代码
Oct 26 Javascript
Jquery中的层次选择器与find()的区别示例介绍
Feb 20 Javascript
javascript中indexOf技术详解
May 07 Javascript
jquery制作图片时钟特效
Mar 30 Javascript
JS防止网页被嵌入iframe框架的方法分析
Sep 13 Javascript
JavaScript中匿名函数的递归调用
Jan 22 Javascript
JS查找英文文章中出现频率最高的单词
Mar 20 Javascript
underscore之Collections_动力节点Java学院整理
Jul 10 Javascript
JavaScript实现的原生态Tab标签页功能【兼容IE6】
Sep 18 Javascript
C#实现将一个字符转换为整数
Dec 12 Javascript
微信小程序如何实现在线客服功能
Oct 16 Javascript
使用Ajax实现进度条的绘制
Apr 07 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 visitFile()遍历指定文件夹函数
2010/08/21 PHP
ThinkPHP实现跨模块调用操作方法概述
2014/06/20 PHP
php数组比较实现查找连续数的方法
2015/07/29 PHP
php根据年月获取当月天数及日期数组的方法
2016/11/30 PHP
thinkphp中U方法按路由规则生成url的方法
2018/03/12 PHP
Thinkphp5 如何隐藏入口文件index.php(URL重写)
2019/10/16 PHP
IE中jscript/javascript的条件编译
2006/09/07 Javascript
window.location.reload()方法刷新页面弹出要再次显示该网页对话框
2013/04/24 Javascript
jQuery中的val()示例应用
2014/02/26 Javascript
jQuery插件multiScroll实现全屏鼠标滚动切换页面特效
2015/04/12 Javascript
浅谈Jquery为元素绑定事件
2015/04/27 Javascript
JavaScript中toString()方法的使用详解
2015/06/05 Javascript
微信小程序 解决swiper不显示图片的方法
2017/01/04 Javascript
微信小程序 九宫格实例代码
2017/01/21 Javascript
vue2里面ref的具体使用方法
2017/10/27 Javascript
js精确的加减乘除实例
2017/11/14 Javascript
用node-webkit把web应用打包成桌面应用(windows环境)
2018/02/01 Javascript
VUE中使用HTTP库Axios方法详解
2020/02/05 Javascript
webpack+vue.js构建前端工程化的详细教程
2020/05/10 Javascript
五句话帮你轻松搞定js原型链
2020/12/09 Javascript
Python 正则表达式的高级用法
2016/12/04 Python
将tensorflow的ckpt模型存储为npy的实例
2018/07/09 Python
Python中几种属性访问的区别与用法详解
2018/10/10 Python
python傅里叶变换FFT绘制频谱图
2019/07/19 Python
解决Django连接db遇到的问题
2019/08/29 Python
Python类的绑定方法和非绑定方法实例解析
2020/03/04 Python
施工资料员的岗位职责
2013/12/22 职场文书
婚礼证婚人证婚词
2014/01/08 职场文书
星级党支部申报材料
2014/05/31 职场文书
经济贸易专业自荐信
2014/06/11 职场文书
大学生个人简历自我评价
2015/03/11 职场文书
2015年暑假工作总结
2015/07/13 职场文书
2016年暑期见闻作文
2015/11/25 职场文书
使用CSS实现一个搜索引擎的原理解析
2021/09/25 HTML / CSS
使用Python解决图表与画布的间距问题
2022/04/11 Python
Django框架模板用法详解
2022/06/10 Python