JavaScript iframe在每次加载时都会调整大小

javascript iframe resize at every load

本文关键字：调整 加载 iframe JavaScript      更新时间：2023-09-26

我想在每次在 iframe 内访问新链接时调整该 iframe 的大小。

我

有一个wordpress博客，我使用此iframe在页面上添加了论坛。我希望每次单击该博客上的链接时都调整它的大小。

我用谷歌搜索，但我没有发现任何相关内容。

这是我用于调整大小的代码

<script type="text/javascript">
function sizeIFrame() {
var helpFrame = jQuery("#ifm");
var innerDoc = (helpFrame.get(0).contentDocument) ? helpFrame.get(0).contentDocument :     helpFrame.get(0).contentWindow.document;
helpFrame.height(innerDoc.body.scrollHeight + 35);
}
</script>
<iframe id="ifm" src="..." width="100%" frameBorder="0" onload="sizeIFrame();" scrolling="no"></iframe>

谢谢！

我不是专家，但可能是 iframe 只加载了一次?...扩展范围...

我不知道，但我认为您可以在博客的每个链接中添加一个 onclick 函数来启动 sizeIframe 函数而不是加载。

例如（这段代码是一个想法，未经测试）...

<a href="#" class="iframe-mgr" id ="link-a"> a link </a>
<a href="#" class="iframe-mgr" id ="link-b"> b link </a>
<script type="text/javascript">
 $('.iframe-mgr').addEventListener('click', function(){ sizeIframe () } );
</script>
相关文章：