请问，怎样在父页面里用JS给iframe子页面加载CSS样式？

这个好办1.htm母窗口代码:
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title><script language=javascript>
function gogo()
{
   document.frames["f"].document.styleSheets.mycss.addRule("P","color:green");
}  
</script>
</head><body>
  <iframe id="f" src=2.htm></iframe>
      <p><input type="button" value="按钮" name="B3" onclick="gogo();"></p>
</body></html>2.htm iframe引用的网页代码:
<html><head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
<style id="mycss" type=text/css>
p {color:red}
</style>
</head><body><p>22222222</p>
<p>22222222222</p>
<p>22222222222</p></body></html>

解决方案 »

  1.   

    如果你不知道iframe中的css的id,还可以这样:
    function gogo()
    {
       document.frames["f"].document.styleSheets[0].addRule("P","color:green");
    }  
      

  2.   

    再问下寂寞的农民：
    如果不用按钮事件，如何直接让父页面打开就给子页面加载CSS呢？
      

  3.   

    这更简单，设置body标签：<body onLoad="gogo();">
      

  4.   

    原来是这样，那再问下：    如果调用的是类似于BBS的帖子，一般都是些动态的url，按上面的方法试了一下，不能实现效果，不知道是为什么？听说有什么垮域的问题？比如：
    1 论坛的调用代码是：<iframe scrolling="yes" id="ct_iframe" src="http://bbs.wlkj.net/sviewnews.php?minv=显示最近X个帖子" onload="this.height = this.document.body.offsetHeight;this.width=this.document.body.offsetWidth;"></iframe>2 还用到了读吧的调用是：<iframe scrolling="yes" id="l1t_iframe" src=http://book.wlkj.net/dataquote.php?kind=bookhit></iframe>不知道这种类型的调用能不能够实现加载CSS样式？
    另外，我把上面两个调用的数据显示页面单独下载到本机也不能实现加载样式。
    （有网站的管理权限）
      

  5.   

    这个域名是属于当前域么！！！你链接别人的bbs那是不行的。
      

  6.   

    是的，用别人的页是不行的。因不你不能保证你包含的页中含有<style>...</style>的部分，所以我给你的代码是不能保证生效的。除非你把别人的页手工下到你的服务器上，再做修改。人家的页应该是动态的，你下的页无法和人家的同步，你想多少时间下载并改一次？累S你哦。
      

  7.   

    请问如果样式.css文件内已经有这个样式了，可以直接引用吗？