js根据不同浏览器(分辨率)调用不同css
Posted 东风杨柳岸,岁月如烟
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js根据不同浏览器(分辨率)调用不同css相关的知识,希望对你有一定的参考价值。
根据不同浏览器:
<script type="text/javascript">
var version = navigator.userAgent;
if (version.indexOf("MSIE") > 1) {
document.write("<link href=‘ie.css‘ rel=‘stylesheet‘ type=‘text\/css‘\/>");
} else if (version.indexOf("Chrome") > 1) {
document.write("<link href=‘chrome.css‘ rel=‘stylesheet‘ type=‘text\/css‘\/>");
} else if (version.indexOf("Firefox") > 1) {
document.write("<link href=‘ff.css‘ rel=‘stylesheet‘ type=‘text\/css‘\/>");
}
</script>
根据不同分辨率:
<script type="text/javascript">
if (screen.width == 1024){
document.write("<link href=‘css/css1.css‘ rel=‘stylesheet‘ type=‘text\/css‘\/>");
}else {
document.write("<link href=‘css/css2.css‘ rel=‘stylesheet‘ type=‘text\/css‘\/>");}
</script>
以上是关于js根据不同浏览器(分辨率)调用不同css的主要内容,如果未能解决你的问题,请参考以下文章