iframe自适应高度

最新推荐文章于 2024-03-29 11:18:46 发布

wemoon2010

最新推荐文章于 2024-03-29 11:18:46 发布

阅读量583

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/wemoon2010/article/details/17138929

个人笔记同时被 2 个专栏收录

4 篇文章

订阅专栏

3 篇文章

订阅专栏

本文介绍了一种通过JavaScript实现IFrame元素自适应高度的方法，包括从IFrame外部及内部调整其高度的两种情况。这种方法可以确保IFrame内容完全显示且不出现多余空白。

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

<div>

<html>

<div>

</div>

<div>

</div>

</html>

</iframe>

</div>

//ifram外部改变自适应高度
function dyniframesize1(obj){
var win=obj;
if (document.getElementById){
if (win && !window.opera){
if (win.contentDocument && win.contentDocument.body.offsetHeight)
win.height = win.contentDocument.body.offsetHeight;
else if(win.Document && win.Document.body.scrollHeight)
win.height = win.Document.body.scrollHeight;
}
}
}

//ifram内部改变自适应高度
function dyniframesize2(obj){
var win=obj;
if (window.parent.document.getElementById){
if (win && !window.parent.window.opener){
if (win.contentDocument && win.contentDocument.body.offsetHeight)
win.height = win.contentDocument.body.offsetHeight;
else if(win.Document && win.Document.body.scrollHeight)
win.height = win.Document.body.scrollHeight;
}
}
}