如果裏面的內容大小發生變化，有什麼辦法可以自動調整iframe的大小嗎？

例如，我試圖在主頁上將youtube訂閱框iframe，問題是，如果我使iframe真的很長，那麼它會浪費空間，但如果我製作了我想要的大小，那麼如果用戶單擊「加載更多視頻」按鈕，然後它被切斷。那麼是否有任何方法可以使iframe（或任何替代品）成爲尺寸的百分比，或者在頁面更改時動態更改？如果裏面的內容大小發生變化，有什麼辦法可以自動調整iframe的大小嗎？

來源

2011-03-20 Sean

創建一個文件，並將其命名爲iframe.html

<html> 
<head> 
<script type="text/javascript"></span> 
    function autoIframe(frameId){ 
     try{ 
      frame = document.getElementById(frameId); 
      innerDoc = (frame.contentDocument) ? frame.contentDocument : frame.contentWindow.document; 

      if (innerDoc == null){ 
          // Google Chrome 
       frame.height = document.all[frameId].clientHeight + document.all[frameId].offsetHeight + document.all[frameId].offsetTop; 
      } 
        else{ 
        objToResize = (frame.style) ? frame.style : frame; 
        objToResize.height = innerDoc.body.scrollHeight + 18; 
        } 
     } 

     catch(err){ 
       alert('Err: ' + err.message); 
      window.status = err.message; 
     } 
    } 
    </script> 
</head> 
<body> 
    <iframe id="tree" name="tree" src="tree.html" onload="if (window.parent &amp;&amp; window.parent.autoIframe) {window.parent.autoIframe('tree');}"></iframe> 
</body> 
</html>

現在創建一個名爲tree.html一個HTML頁面，並把在it.Make一些虛擬的內容確認iframe.html和tree.html都在same directory。在瀏覽器中打開.html文件，您將看到o/p。

一些有用的鏈接：

來源

2011-03-20 03:27:55

如果裏面的內容大小發生變化，有什麼辦法可以自動調整iframe的大小嗎？

回答

相關問題