iframe高度自適應程式碼例項

admin發表於2017-03-19

在預設狀態下，iframe的高度並非是自適應的，有時候這回嚴重影響頁面的美觀度，下面就介紹一下如何利用javascript實現iframe頁面高度自適應效果，希望能夠給需要的朋友帶來一定的幫助。

一.實現的javascript程式碼:

[JavaScript] 純文字檢視 複製程式碼
function iframeAutoFit(iframeObj) 
{ 
  setTimeout(function (){ 
    if(!iframeObj) return; 
    iframeObj.height=(iframeObj.Document?iframeObj.Document.body.scrollHeight:iframeObj.contentDocument.body.offsetHeight); 
  },200); 
}

二.使用方式:

[HTML] 純文字檢視 複製程式碼
<iframe name="theframe" height="235px;" width="770px" frameborder="0" scrolling="no" src="test.aspx"></iframe>

相關文章