JS实现iframe高度自适应
实现iframe高度自适应:
![](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
//调整 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;}
}
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