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

发布网友发布时间：2023-11-27 00:03

共2个回答

热心网友时间：2024-03-16 18:30

<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，你自己写一下判断浏览器类型的函数，然后执行。

热心网友时间：2024-03-16 18:30

<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 里面都有具体样式不同可以看你自己