能否通过javascript指定页面使用的外部css文件

可以用个document.createElement("link")这种方法

解决方案 »

  1.   

    <body>
    <iframe name="right" src="1.htm"></iframe>
    <script>
    var d=window.frames[0].document;
    var val=window.setInterval('set()',100);
    function set()
    {
      if(d.readyState=='complete')
      {
        d.body.innerHTML+=('<link rel="stylesheet" type="text/css" href="1.css">');
        window.clearInterval(val);
      }
    }
    </script>
    </body>
      

  2.   

    <link rel="stylesheet" type="text/css" href="inc/style6.css" id="stl" name="stl">stl.href="new.css";直接赋值就可以改变，而且页面自动会更新使用新的样式。
      

  3.   

    谢谢几位,不过用setInterval我感觉不是太好，我希望是在右边框架的url发生变化的时候才执行。
    而且是立即执行。
    （注：url的改变有可能是点击左边的left.htm上的链接引起的，也可能是点击右边www.sohu.com上的链接引起的）
      

  4.   

    另外
    1、document.createElement("link")能不能具体些。
    2、innerHTML这样的赋值由点太夸张，body的内容都没了。
    3、stl.href="new.css";这样的话，必须要求右边框架式严格的符合这种格式，别说
       右边页根本没有link一个css文件，就是有也必须要id相同才行。
      

  5.   

    happyantry(乱七八糟) 
    ----------------------------------------
      你这话是不是骂我哦？？
      

  6.   

    按  matrixy(多打炮，少做爱) 给出的方法就行了。