Iframe高度自适应问题[子页面控制父页面高度]

Iframe高度自适应问题[子页面控制父页面高度]
在iframe标记引用的页面中添加如下js代码.切记是iframe的src引用的那个页面中添加
// 控制父窗体iframe高度自适应js脚本
var  iframeids = [ " videoframe " ]
var  iframehide = " yes "
function  dyniframesize() 
{
 
var  dyniframe = new  Array()
 
for  (i = 0 ; i < iframeids.length; i ++ )
 {
  
if  (document.getElementById)
  {
   dyniframe[dyniframe.length] 
=  window.parent.document.getElementById(iframeids[i]);
   
if  (dyniframe[i]  &&   ! window.opera)
   {
    dyniframe[i].style.display
= " block "
    
if  (dyniframe[i].contentDocument  &&  dyniframe[i].contentDocument.body.offsetHeight){
     dyniframe[i].height 
=  dyniframe[i].contentDocument.body.offsetHeight; }
    
else   if  (dyniframe[i].Document  &&  dyniframe[i].Document.body.scrollHeight){
     dyniframe[i].height 
=  dyniframe[i].Document.body.scrollHeight;}
   }
  }
  
if  ((document.all  ||  document.getElementById)  &&  iframehide == " no " )
  {
   
var  tempobj = window.parent.document.all ?  window.parent.document.all[iframeids[i]] : window.parent.document.getElementById(iframeids[i])
   tempobj.style.display
= " block "
  }
 }
}
if  (window.addEventListener)
window.addEventListener(
" load " , dyniframesize,  false )
else   if  (window.attachEvent)
window.attachEvent(
" onload " , dyniframesize)
else
window.onload
= dyniframesize
其中的videoframe为父页面中iframe的id

你可能感兴趣的:(Iframe高度自适应问题[子页面控制父页面高度])