2011-12-02 32 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我有相反的情況也腳本。 –

相關問題