程序员人生网站导航

JavaScript 实现iframe高度自适应

栏目：jscript时间：2014-03-30 23:43:09

网(LieHuo.Net)教程实现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等等。

------分隔线----------------------------

上一篇 CSS实例：用CSS打造韩式风格网站

下一篇 网络营销策略有效性的及时升级

------分隔线----------------------------