js调用外部css


<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
<script type="text/javascript">
<!--
function getOs()
{
   var OsObject = "";
   if(navigator.userAgent.indexOf("MSIE")>0) {
        return "MSIE";
   }
   if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
        return "Firefox";
   }
}
//-->
</script>
</head>
<script type="text/javascript">
var type = getOs();
if(type != null){
var filename ;
if(type == 'MSIE'){
filename = 'ccs/armIE.css';
}
if(type == 'Firefox'){
filename = 'ccs/armFF.css';
}
var fileref=document.createElement("link");
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", filename);
if (typeof fileref!="undefined"){
document.getElementsByTagName("head")[0].appendChild(fileref);
}
document.getElementsByTagName("head")[0].appendChild(fileref) ;
}
</script>
<body>
 <!--And this is your code to implement the image -->
 <div>透明</div>
 <div class="arm">
 </div>
 <div>不透明</div>
 <img src="Dreamland/images/Item%20Image/1.png"/>
 </body>
</html>
帮忙看看为啥不好用呢