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

 

 

原文地址:https://www.cnblogs.com/cancer_xu/p/1615142.html