2011-12-02 53 views
1

我已经当点击在iframe页面上的链接加载一个页面里面..一个iframe,调整父母的身体又名文档有iframe的身体..大小调整网站的身体和iframe在页面链接被点击

Body   <------------------------ 
    Iframe       | 
     Page       | 
     Link... Upon Click, resize body -- 

我如何做到上述?我试过Parent.document.body.style.width =“200px”。并没有奏效。不知道该怎么办。请帮忙!

function Parentresize(id) 
{ 
var newheight = 2000; 
var newwidth = 2000; 
parent.document.getElementById(id).height= (newheight) + "px"; 
parent.document.getElementById(id).width= (newwidth) + "px"; 
} 

回答

1

好使用的代码我想通了。此代码将完全做到这一点。这是一个有点冗长的,因为跨浏览器兼容的额外代码:

function WindowSize() 
{ 
    WinWidth = 0, WinHeight = 0; //Initialize variables with a value of 0; 
    if(typeof(parent.window.innerWidth) == 'number') //Well I need the parent width of the iFrame aka browser width. Width is a number, not undefined.. 
    { 
      //FireFox/Opera.. 
     WinWidth = parent.window.innerWidth; 
     WinHeight = parent.window.innerHeight; 
    } 
    else if(parent.document.documentElement && (parent.document.documentElement.clientWidth || parent.document.documentElement.clientHeight)) 
    { 
     //IE 6+ 
     WinWidth = parent.document.documentElement.clientWidth; 
     WinHeight = parent.document.documentElement.clientHeight; 
    } 
    return WinWidth; 
} 

function BodyResize(ID) 
{ 
    var IDTag = parent.document.getElementById(ID); 

    if(IDTag.clientWidth == '1024') 
     IDTag.style.width = (WindowSize() + 'px'); 
    else 
     IDTag.style.width = '1024px'; 
} 

只是调用这个函数BodyResize(ID)
<body id="mainbody" onClick="BodyResize('mainbody')">

<iframe id="interframe" onClick="BodyResize('interframe')">

1

我想你已经错过了style.heightstyle.width

这是我在iframe

<script language="javascript"> 
    function Parentresize(id) 
    { 
     alert("U r there"); 
     var newheight = 200; 
     var newwidth = 200; 
     parent.document.getElementById(id).style.height = newheight + "px"; 
     parent.document.getElementById(id).style.width = newwidth + "px"; 
    } 
</script> 


<a href="javascript:Parentresize('sam');" >Call Me </a> 
+0

@sothunders我有相反的情况也脚本。 –

相关问题