iframe的height自动调整,不出现滚动条

最新推荐文章于 2024-06-05 15:02:26 发布

kellyrong

最新推荐文章于 2024-06-05 15:02:26 发布

阅读量3.9k

点赞数

分类专栏：电脑知识文章标签： iframe div javascript filter function

电脑知识专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何通过JavaScript自动调整iframe的高度以适应其内容，并确保不会出现滚动条。此外，还介绍了如何设置div元素使其始终显示在dropdownlist之上，涉及iframe与div的样式设置。

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

2。让iframe的height自动调整以适应里面的内容，不出现滚动条。
在父页面中
<div id="div1"><iframe name=... src=... style="Z-INDEX: 2; VISIBILITY: inherit; WIDTH: 100%; HEIGHT: 100%" frameborder="0" scrolling="no"></iframe></div>

iframe中页面:
function window.onload()
{
var div = window.parent.document.getElementById('div1');
div.style.height=document.body.scrollHeight+20;
}

3.使div在dropdownlist之上︰