如何动态的往head标签中加入代码？

希望能动态的调用CSS文件，如何实现用JS往head标签中插入html代码？

解决方案 »

  1.   

    <title><%=Application["SiteName"] %></title>
      

  2.   


    var head=document.getElementsByTagName("head")[0];   //取得<head>标签
    var newcss=document.createElement("link"); //创建link标签,也可以换成已经有的link标签
    newcss.type="text/css"; //当然你也可以设置成 "text/javascript" ...
    newcss.href="yourcss.css"; 
      

  3.   

    忘了,还差一步:head.appendChild(newcss);
      

  4.   


    <head>
        <title></title>
        <link href="css1.css" rel="stylesheet" type="text/css" />
        <script language="javascript">
            function changeCss()
            {
                var obj = document.createElement( 'link');
                obj.rel = "stylesheet";
                obj.type = "text/css";
                obj.href = "css2.css";
                document.body.appendChild(obj);
            }
        </script>
    </head>
    <body>
    <p class = "myclass"></p>
    <input type="button" value="换样式" onclick="changeCss();" />
    </body>ff和IE8通过