首页
所有分类
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 Array数组对象的扩展函数代码
May 22 Javascript
JavaScript对象创建及继承原理实例解剖
Feb 28 Javascript
js获取select标签的值且兼容IE与firefox
Dec 30 Javascript
javascript遇到html5的一些表单属性
Jul 05 Javascript
AngularJS中watch监听用法分析
Nov 04 Javascript
详解Javascript获取缓存和清除缓存API
May 25 Javascript
extjs简介_动力节点Java学院整理
Jul 17 Javascript
Vuex的actions属性的具体使用
Apr 14 Javascript
vue.js高德地图实现热点图代码实例
Apr 18 Javascript
vue-loader中引入模板预处理器的实现
Sep 04 Javascript
js中调用微信的扫描二维码功能的实现代码
Apr 11 Javascript
国庆节到了,利用JS实现一个生成国庆风头像的小工具 详解实现过程
Oct 05 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
黑名单(1) ftpserver(1) Logrotate(1) SeaTunnel(1) 排序失效(1) T-SQL(1) Odoo(1) NFS(1) 重复数据(2) 批处理(1)
You might like
解析ajax事件的调用顺序
2013/06/17 PHP
浅析php中json_encode()和json_decode()
2014/05/25 PHP
php利用fsockopen GET/POST提交表单及上传文件
2017/05/22 PHP
js直接编辑当前cookie的脚本
2008/09/14 Javascript
用JavaScript显示随机图像或引用
2009/04/21 Javascript
AeroWindow 基于JQuery的弹出窗口插件
2011/06/27 Javascript
javascript学习(二)javascript常见问题总结
2013/01/02 Javascript
jquery实现固定顶部导航效果(仿蘑菇街)
2013/03/21 Javascript
JS获取农历日期具体实例
2013/11/14 Javascript
js自动查找select下拉的菜单并选择(示例代码)
2014/02/26 Javascript
javascript动态修改Li节点值的方法
2015/01/20 Javascript
JQuery动态添加和删除表格行的方法
2015/03/09 Javascript
JavaScript类继承及实例化的方法
2015/07/25 Javascript
window.location.reload 刷新使用分析(去对话框)
2015/11/11 Javascript
Jquery组件easyUi实现选项卡切换示例
2016/08/23 Javascript
js实现三级联动效果（简单易懂）
2017/03/27 Javascript
vue2.0 父组件给子组件传递数据的方法
2018/01/15 Javascript
详解express使用vue-router的history踩坑
2019/06/05 Javascript
layui之数据表格--与后台交互获取数据的方法
2019/09/29 Javascript
聊聊vue 中的v-on参数问题
2021/01/29 Vue.js
Python标准库os.path包、glob包使用实例
2014/11/25 Python
python3.5 + PyQt5 +Eric6 实现的一个计算器代码
2017/03/11 Python
python 将md5转为16字节的方法
2018/05/29 Python
Sanic框架应用部署方法详解
2018/07/18 Python
python xpath获取页面注释的方法
2019/01/14 Python
python基础知识（一）变量与简单数据类型详解
2019/04/17 Python
python os.path.isfile 的使用误区详解
2019/11/29 Python
Django 构建模板form表单的两种方法
2020/06/14 Python
瑞士男士时尚网上商店：Babista
2020/05/14 全球购物
餐饮业创业计划书范文
2014/01/06 职场文书
企业道德讲堂实施方案
2014/03/19 职场文书
合同协议书格式
2014/04/18 职场文书
简易版租房协议书范本
2014/10/13 职场文书
2015年民主生活会发言材料
2014/12/15 职场文书
python删除csv文件的行列
2021/04/06 Python
PostgreSQL基于pgrouting的路径规划处理方法
2022/04/18 PostgreSQL