原生javascript實現的iframe高度自適應程式碼例項

本章節用簡單的程式碼介紹一下如何實現iframe的高度自適應效果。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
function iFrameHeight() { 
  var ifm=document.getElementById("iframepage"); 
  var subWeb = document.frames ? document.frames["iframepage"].document:ifm.contentDocument; 
  if(ifm != null && subWeb != null) { 
    ifm.height=subWeb.body.scrollHeight; 
  } 
}

上面的程式碼可以實現高度iframe高度自適應熊愛國，不用多數，大家一看就能明白怎麼用。

特別說明:

上面操作只在同域下有效，如果想實現跨域高度自適應可以參閱iframe實現跨域高度自適應程式碼例項一章節。