您当前位置：首页 > web前端 > jscript > JavaScript 实现iframe高度自适应

JavaScript 实现iframe高度自适应

来源：程序员人生发布时间：2014-03-30 23:43:09 阅读次数：3285次

网(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打造韩式风格网站

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

分享到:

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

为码而活

积分：4237

15粉丝

7关注

栏目热点