// index.html 页面的部分代码
<div id="content" style="border:20px solid #F00;">
<iframe id="c-c-iframe" name="xxx" src="a.html" frameborder="0" scrolling="no"></iframe>
</div>
<script type="text/javascript">
function reinitIframe(){
var iframe = document.getElementById("c-c-iframe");
try{
var bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
//var height = Math.max(bHeight, dHeight);
var height = Math.min(bHeight, dHeight);
iframe.height = height;
}catch (ex){}
}
window.setInterval("reinitIframe()", 200); //设置每200毫秒监视改变一次
</script>
// a.html 页面的部分代码
<body>
<div style="background-color:#ccc;height:600px;">测试</div>
</body>
Iframe根据内嵌元素的高度自适应高度-同域
最新推荐文章于 2024-07-26 15:39:22 发布