JS实现iframe高度自适应

 　　

 实现iframe高度自适应：

 

代码

// 调整 PageContent 的高度
function  TuneHeight()
{
  var  frm  =  document.getElementById( " ifrName " );
  var  subWeb  =  document.frames  ?  document.frames[ " ifrName " ].document : frm.contentDocument;
  if (frm  !=   null   &&  subWeb  !=   null )
 { frm.height  =  subWeb.body.scrollHeight  +   100 ;}
}

 

使用document.getElementById("ifrName")取到的是iframe标签对象，通过该对象可以获取iframe的各个属性，例如src、frameborder、style等等，但是不能获取到iframe所包含的子页面的各个对象。

 

使用document.frames("ifrName")取到的是iframe组件对象，通过该对象可以获取到iframe所包含的页面的子页面的各个对象，例如子页面的window对象，但是不能获得iframe标签得各个属性，例如上面说到的src等等。

 

跨域情况下自适应大小的iframe：

http://hi.baidu.com/thinkinginlamp/blog/item/f515ad344475b5bdd1a2d336.html