博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS判断浏览器类型和屏幕分辨率来调用不同的CSS样式
阅读量:6598 次
发布时间:2019-06-24

本文共 1303 字,大约阅读时间需要 4 分钟。

代码如下:

解释:
var IE1024="";
var IE800="";
var IE1152="";
var IEother="";
引号里面分别填写,用户使用IE的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名.

varFirefox1024="";

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文件名.
不判断分辨率,只判断浏览器
实现根据浏览器类型自动调用不同CSS。 
代码如下:<SCRIPTLANGUAGE="JavaScript">
<!--
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
//如果浏览器为IE
setActiveStyleSheet("default.css");
}

else{

if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
//如果浏览器为Firefox
setActiveStyleSheet("default2.css");
}

else{

//如果浏览器为其他
setActiveStyleSheet("newsky.css");
}
}
function setActiveStyleSheet(title)

{

document.getElementsByTagName("link")[0].href="style/"+title;
}
//-->
</SCRIPT>
解释:
如果浏览器为IE,则调用default.css
如果浏览器为Firefox,则调用default2.css
如果浏览器为其他,则调用newsky.css
用法:
放在
[codes=xml]</head>[/codes]
前面即可。
只判断分辨率,不判断浏览器
代码如下:

<scriptlanguage=javascript>

<!--
if (screen.width == 800)
{
document.write('<link rel=stylesheet type="text/css"href="css800.css">')
}
else {document.write('<link rel=stylesheet type="text/css"href="css1024.css">')}
//-->
</script>

 

转载于:https://www.cnblogs.com/fyq891014/p/4188857.html

你可能感兴趣的文章
前端面试题-display:none和visibility:hidden的区别
查看>>
Vue.js源码学习三 —— 事件 Event 学习
查看>>
vscode编辑器
查看>>
nuxt element-ui 上cdn
查看>>
利用K8S技术栈打造个人私有云(连载之:K8S环境理解和练手)
查看>>
学习笔记CB004:提问、检索、回答、NLPIR
查看>>
Android性能优化之UI实战
查看>>
Facebook Docusaurus 中文文档 siteConfig.js 详解
查看>>
iMooc-张鑫旭 CSS
查看>>
后台管理系统相关
查看>>
使用eclipse搭建嵌入式开发环境
查看>>
ASP.NET Core的配置(3): 将配置绑定为对象[下篇]
查看>>
指静脉识别:一个“销声匿迹”了近二十年的多模态生物识别技术要“重出江湖”...
查看>>
小议阿里云"数加"平台对企业有何帮助?
查看>>
《C语言程序设计进阶教程》一2.3.2 函数实参
查看>>
智能硬件的未来发展:自主研发和AI将成为关键
查看>>
“聚光灯”下的数梦工场 首提“新型互联网”战略
查看>>
IBM预通过R语言扩展 简化Watson系统的应用
查看>>
施耐德电气推出EcoStruxure架构与平台,开启转型之路
查看>>
NVIDIA与阿里云达成战略合作 共同拓展深度学习市场
查看>>