根据内容高度调整iframe高度
根据内容高度调整iframe高度是一个常见的需求，可以通过JavaScript来实现。以下是一个简单的示例代码：
function adjustIframeHeight(iframe) {
iframe.style.height = iframe.contentWindow.document.documentElement.scrollHeight + 'px';
}在HTML中，可以使用如下代码来调用该函数：
这样，当iframe加载完成后，它的高度会自动调整为其内容的高度。
需要注意的是，由于浏览器的安全策略，可能需要在iframe和父页面中设置相同的域名，否则可能会出现跨域问题。
相关·内容
2回答
我正在尝试根据内容(网页)的高度和宽度来调整iframe的大小。我使用了在stack的另一个答案中找到的代码。对于新宽度的设置，它似乎可以工作，但我不能让那个高度工作，我不知道为什么。您可以在此处查看和编辑我的示例：<iframe id="finance-iframe" class="finance-iframe" src="http://
浏览 3提问于2013-09-12得票数 4
= obj.contentWindow.document.body.scrollHeight + 'px';</script>
<iframe/index.php" frameborder="0" width="100%" height="100%" scrolling="no" onload="resizeIframe(
浏览 2提问于2016-03-03得票数 4
回答已采纳
1回答
我在Blogger中插入以下iframe：
<iframe id="myId" src="http:www.example.com" width="100%" onload="var iframe =document.getElementById('myId');iframe.style.height = iframe.scrollHeight.toString() + 'px';"
浏览 2提问于2012-11-21得票数 0
回答已采纳
对于根据内容调整iframe高度有很多问题，但是如果内容变得太长并且超过了容器的高度，怎么办？在这种情况下，我希望容器高度相应地调整大小，而不需要对iframe进行滚动或修剪，以防溢出设置为隐藏。
浏览 3提问于2014-03-28得票数 0
回答已采纳
1回答
我尝试使用easyXDM根据内容高度动态调整iframe的高度。代码每5秒调用一次检查iframe的body.scrollheight，原理是如果页面高度发生变化，iframe高度将每5秒更新一次。它在初始调用时工作- iframe甚至可以适当地调整大小。问题是，即使iframe内容的高度发生了变化，提供商也会继续返回内
浏览 4提问于2012-05-24得票数 1
最初，下面的页面有一个固定的高度和一个表单：，当搜索完成时，这个页面的高度会根据到达结果而变化。现在，我必须将这个页面显示为来自另一个页面的内部内容(它是一个php页面)，以便根据其页面内容自动调整不同的高度。
我已经尝试过像这个一样的iframe功能。但问题是--它使用不同的页面来调整iframe高度，而我的页面只有一个页面(初始内容和搜索结果的内容</
浏览 2提问于2011-08-31得票数 0
我有一个iframe，当加载大小高度根据内容。当我调整页面大小，或者使用相同大小的窗口，减小iframe的宽度时，内容高度会相应增加。如何让iframe相应地伸展。
浏览 0提问于2013-06-13得票数 1
2回答
我正在使用以下脚本自动调整iframe高度。} window.status = err.message;}</iframe>
<iframe id="myiframe2" width="100%&
浏览 0提问于2009-11-19得票数 2
回答已采纳
我有一个iframe将从不同的领域加载内容。我想根据内容的高度自动调整iframe的高度。 var element = document.createEle
浏览 1提问于2015-01-05得票数 0
1回答
我有一个弹出式页面，其中有一个iframe反过来加载另一个页面。
我想调整iframe的高度，这取决于它加载的页面大小。
浏览 3提问于2012-08-06得票数 3
回答已采纳
1回答
setInterval( "$('.myiframe').height($('.myiframe').contents().find('body').height() + 20)", 1 );
上面的代码将根据内容高度自动调整iframe的高度。问题是，如果内容高度小于500px，我如何将iframe的最小高度设置为500px？
浏览 4提问于2011-11-04得票数 1
回答已采纳
可能重复：
<iframe frameborder="0" src="CName.htm" align="left" width="730" height="1100" ></iframe>
我需要iframe根据内容调整</e
浏览 3提问于2009-03-31得票数 8
1回答
如何根据iframe高度调整td的高度。我试过height:auto，但它不起作用。每个iframe具有不同的内容，因此高度也不同
我正在使用内容轮播在一个iframe到另一个iframe之间切换。最初发生的是内容轮播在每个iframe之间自动切换的动画。然后在第一个iframe处着陆。然后，用户可以使用轮播导航在iframe之
浏览 4提问于2015-05-30得票数 1
10回答
问题是我可以给iframe一个宽度，但是高度应该是动态的，这样iframe中就没有滚动条了，而且看起来像一个页面……
我已经尝试了各种JavaScript代码来计算内容的高度，但它们都给出了访问被拒绝的权限错误<iframe src="http://bagtheplanet.blogspot.com/" name="ifrm" id="ifrm" width="1024px"
浏览 70提问于2009-02-08得票数 69
我有一个NextJS项目，它将通过Iframe加载。页面的内容是动态的，页面的高度不断变化。而不是使用滚动，我想要Iframe调整它的高度根据其内容的高度。
浏览 3提问于2021-10-28得票数 0
这个parent-iframe是唯一的孩子占用完整的html文档，因此我们希望主html页面调整大小根据parent-iframe和显示scrollbars时，需要。这个content-iframe将是parent-iframe中唯一的子级，这意味着它的内容主体高度和宽度应该是浏览器中scrollbars的决定因素。他们已经在使用jQuery根据内容高度调整iframes的大小，但
浏览 2提问于2013-06-12得票数 1
大家好，我希望根据浏览器窗口的大小调整iframe的大小，但我都转过身来，因为高度和宽度。如果你能给我解释一下我的困惑，我会很感激的。我知道如何使用css媒体查询根据屏幕大小使用不同的样式表，但是当我必须预定义iframe内部的高度和宽度时，这如何应用于位于另一个网站上的iframe？
你甚至需要在iframe中定义高度和宽度吗？或者，您可以使用媒体查询来检测包含iframe的浏览窗口的大小，然后<
浏览 1提问于2011-09-13得票数 1
我有一个iframe，其中包括多页脚本，我想根据内容高度自动调整此iframe的高度。当我加载第一个页面时，它可以正常工作，但当我切换到另一个页面时，函数再次被调用，但即使内容在每个页面上的高度都不相同，高度也是相同的。：
<iframe id="iframe" src="myScript" width="950px"
浏览 2提问于2013-11-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
