关于 contentWindow, contentDocument

本文介绍了一种通过JavaScript调整多层iframe高度的方法,确保了不同浏览器间的兼容性,并提供了具体的实现代码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

没有永恒的技术只有变态的需求,没有好说的客户只有无奈的开发者,

如果iframe的出现是一个错误的话,iframe里边在来一个iframe那是错上加错,神话没有在远古的尘嚣中消失,却在怀具的今天不断上演。

生活永远是一个大染缸,一块白布下去,黑布出来,一块黑布下去,一块七色布出来。

contentWindow 兼容各个浏览器,可取得子窗口的 window 对象。

contentDocument Firefox 支持,> ie8 的ie支持。可取得子窗口的 document 对象。

在子级iframe设置 父级 iframe ,或 孙级 iframe 高度。

 

function showIframeH(){
    
var parentWin = parent.document.getElementById("test");
    
if(!parentWin) return false;
    
    
var sub = parentWin.contentWindow.document.getElementById("test2");
    
if(!sub) return false;
    
    
var thirdHeight = sub.contentWindow.document.body.offsetHeight; //第三层 body 对象
    
    sub.height 
= thirdHeight; //设置第二层 iframe 的高度
    
    
var secondHeight = x.contentWindow.document.body.offsetHeight; //第二层 body 对象
    x.height = secondHeight; //设置第一层 iframe 的高度
    //alert(secondHeight);
    //alert('body: ' + x.contentDocument.body.offsetHeight + ' div:' + thirdHeight);
}

转载于:https://www.cnblogs.com/milk/archive/2012/04/13/2445706.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值