在iframe内部如何读取并修改iframe的属性？

下面的方法，必须设置 iframe 的 idindex.html:
<iframe id="iframe1" src="abc.html"></iframe>abc.html:<script>
function changeParentIframe(){
parent.document.getElementById("iframe1").style.width = "100";
}
</script>
<input type="button" value="改变父窗口的iframe" onclick="changeParentIframe()"/>

解决方案 »

  1.   

    iframe 在加载状态发生变化时会发生 onreadystatechange  事件 
      

  2.   

    可能是我没说清楚，假设我只负责编写a.html，而且不负责写包含a.html的iframe（即：我不知道a.html会被哪个页面包含，更不知道包含a.html的iframe的id），我应该怎么办？如何修改iframe的大小？
    在iframe内部就没办法知道iframe的信息了吗？
      

  3.   

    问题已经解决了！Year!看来别人都靠不住，还是自己靠得住！
      

  4.   

    首先：要确信这两个页面要们于同一域名下，否则去修改 iframe 时会说没有权限。
    <?xml version="1.0" encoding="gb2312"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"><head>
    <meta http-equiv="Content-Language" content="zh-cn" />
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>cftea</title>
    </head><body><p>Hey</p><script type="text/javascript">
    <!--
    var identity = Math.random();
    for (var i = 0; i < window.parent.frames.length; i++)
    {
        if (window.parent.frames[i].identity == identity)
        {
            window.parent.frames[i].frameElement.style.width = "3000px";
        }
    }
    -->
    </script></body></html>