如何指定iframe背景色

在被引用的页（iframe里的那个页）里用JS判断top.location，根据这个URL控制当前页的背景色
body.style

解决方案 »

  1.   

    <script language="javascript">
    var url = top.location.href;
    url = url.substring(url.lastIndexOf("/")+1);
    switch(url){
    case "aa.htm":
    document.body.bgColor='#ee0000';
    break;
    //再添加几个其他的行了
    default:
    document.body.bgColor="#eeeeee";
    }
    </script>
      

  2.   

    解决拉,多谢leohuang(LEO) 、dxef(丁丁)
    马上给分
      

  3.   

    楼上的方法有些局限
    万一楼主的iframe都在同一个父页面呢
    那么久没办法根据父页面的地址来判断了可以使用iframe的透明来实现：
    1、给放置iframe的容器设置你要的背景，比如table的单元格
    2、把iframe设置为允许透明
    3、设置iframe包含的页面背景为透明
    这样以来，就可以通过控制单元格的背景色来达到楼主需要的效果了代码：
    main.htm
    -------
    <HTML>
    <HEAD>
    <TITLE>main.htm</TITLE>
    </HEAD>
    <BODY>
    <TABLE width='500' height='500'>
    <TR>
    <TD bgcolor='#000fff'><iframe width='100%' height='100%' src='inc.htm' allowTransparency=true></iframe></TD>
    </TR>
    <TR>
    <TD bgcolor='#fff000'><iframe width='100%' height='100%' src='inc.htm' allowTransparency=true></iframe></TD>
    </TR>
    </TABLE>
    </BODY>
    </HTML>
    inc.htm
    －－－－－－－－－－－
    <HTML>
    <HEAD>
    <TITLE>inc.htm</TITLE>
    </HEAD>
    <BODY bgColor="transparent">
    子页面<br>
    子页面<br>
    子页面<br>
    子页面<br>
    子页面<br>
    子页面<br>
    子页面<br>
    </BODY>
    </HTML>
      

  4.   

    fivetwogtt(快乐睫毛)说的方法我试了,不过好象不行啊
      

  5.   

    dh20156(风之石) :
    你说的是不是就像fivetwogtt(快乐睫毛)里面写的<BODY bgColor="transparent">,这样就不能实现效果了?
      

  6.   

    在父页面设置iframe的背景即可。在iframe中的onload调用parent.setFrameBgColor();
    然后在每个parent页面都定义一个setFrameBgColor函数如下：
    function setFrameBgColor(color)
    {
        window.iframename.document.body.bgColor=color;
    }