一,跳转
<script
language="javascript">
function getIE()
{
}
</script>
二:HTML内嵌
<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 使用2.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>
三,与方法二类似,需再写一个浏览器判断函数
<html>
<head>
<link href="1.css" rel="stylesheet"
type="text/css" id="MyCSS">
</head>
<body>
<script
type="text/javascript">
function changeCss()
{
document.getElementByIdx("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,你自己写一下判断浏览器类型的函数,然后执行。