如何JS加载外部的CSS

Question

开发网页时遇到了一个问题：用JS编写了一个特效，然后需要用CSS进行美化，请问如何在JS里调用外部的CSS，最好能给一个完整的例子代码。谢谢

Answer 1

直接在网页中引用CSS样式就行啦

Answer 2

<script type="text/javascript">
document.write("<link href='css.css' type='text/css' rel='stylesheet'/>");
</script>

Answer 3

引用内联：
<script type="text/javascript"> 
document.write("<style type='text/css'>"); 
document.write("body{font-size:12px;}");
document.write("</style>"); 
</script>

Answer 4

 var currentStyle = function(element){
return element.currentStyle || document.defaultView.getComputedStyle(element, null);
 }currentStyle(obj)['left']

Answer 5

var link= document.createElement("link");
link.setAttribute("type", "text/css");
link.setAttribute("href", "xxxxxx");

Answer 6

这个需要先加载css文件，之后才能写js代码要不会出错，比如document.getElementById("first").style.Top = 10px;//设置某个div的高

Answer 7

我是用了jQuery框架，在$(document).ready(function(){});里面写应该就是在css文件加载结束以后调用的。而且有css()这样的方法。不用框架的话应该也有类似的方法的。