以下的父页面与子页面交互的方法必须起一个页面服务才能使用(通过域名来访问)并且的保证父页面与子页面是在同一域名下,不然是会报错的
contentDocument是获得iframe子窗口的document对象,兼容ie8+,我们可以在iframe加载完毕之后通过这个对象来获取iframe子页面的内容高度,从而来设置设置iframe的高度.再给iframe设置高度时子页面的默认样式margin要记得清除.
iframe的父页面
<iframe scrolling="no" id="main" name="main" frameborder="0" src="iframe子页面1.html"></iframe>
<script type="text/javascript">
//根据ID获取iframe对象
var ifr = document.getElementById(‘main‘);
ifr.onload = function() {
//解决打开高度太高的页面后再打开高度较小页面滚动条不收缩
ifr.style.height = ‘0px‘;
console.log(ifr);
var iDoc = ifr.contentDocument || ifr.contentWindow.document;
var height = iDoc.documentElement.clientHeight || iDoc.body.clientHeight;
console.log(iDoc.documentElement.clientHeight,iDoc.body.clientHeight);
ifr.style.height = height + ‘px‘;
console.log(height);
}
</script>
原文：https://www.cnblogs.com/zimengxiyu/p/12181287.html