如何用JS,调用2套不同的CSS,分别到IE6,IE7去!

发布网友发布时间：2022-04-20 23:41

共3个回答

懂视网时间：2022-04-21 04:03

我有a.css b.css二个CSS文件

如何使用JS语句来控制根据不同条件导入到页面中使用呢？

回复讨论(解决方案)

if(xxx){ document.write("");}else{ document.write("");}

热心网友时间：2022-04-21 01:11

<html>
<head>
<link href="1.css" rel="stylesheet" type="text/css" id="MyCSS">
</head>
<body>
<script type="text/javascript">
function changeCss()
{
document.getElementById("MyCSS").href="2.css";
}
</script>
<div id="ts">test</div>
<input type="button" onclick="changeCss()" value="Change">
</body>
</html>
你写两个CSS分别是1.css和2.css，原本是使用1.css一点按钮就应用了2.css，你自己写一下判断浏览器类型的函数，然后执行。

热心网友时间：2022-04-21 02:29

<span id="Css"></span>
<script>
if(navigator.userAgent.indexOf("MSIE")>0){ //是否是IE浏览器
if(navigator.userAgent.indexOf("MSIE 6.0")>0){ //6.0 使用1.CSS
Css.innerHTML='<link href="1.css" rel="stylesheet" type="text/css" >'
}
if(navigator.userAgent.indexOf("MSIE 7.0")>0){//7.0 使用1.CSS
Css.innerHTML='<link href="2.css" rel="stylesheet" type="text/css" >'
}
}else{//否则使用3.CSS 还有具体的浏览器你可以用navigator.userAgent 去获取信息具体使用看你自己
Css.innerHTML='<link href="3.css" rel="stylesheet" type="text/css" >'
}
</script>
你的div 的class 用同一个 3个css 里面都有具体样式不同可以看你自己