如何强制 iFrame 在加载后重新加载

我有许多 iframe 可以在我的页面上加载特定内容。父级和 iframe 都位于同一域中。

我的 iframe 内有一个滚动条，它似乎无法在所有浏览器中正确加载。但当我刷新 iframe 时，它​​加载完美。我不知道它为什么这样做。

我使用了元刷新，它有效，但我不希望页面不断刷新，只刷新一次。

我正在寻找的解决方案将在 iFrame 打开后以最小的延迟重新加载 iFrame 内容。

Edit

我意识到加载索引时我的页面会加载所有 iframe。 iframe 出现在 jQuery 覆盖层中，该覆盖层也会加载，但可见性：在调用之前隐藏。因此，在这次通话中，我希望重新加载 iframe。

谁能帮我想出一个 Javascript 函数，当我单击 iFrame 的链接时，该函数会重新加载 iFrame？我已经很接近了，但我对 js 一无所知，而且我一直达不到要求。我有一个重新加载页面的函数，但我不知道如何只调用它一次。

到目前为止我有这个：

<script type="text/javascript">

var pl;
var change;
pl=1;

function ifr() {

if (pl=1) {
    document.location.reload([true]);
    alert("Page Reloaded!");
    change=1;
    return change;
}

change+pl;

}

所以基本上它使用 document.location.reload 来重新加载页面。然后我尝试将 pl 更改为 1 以外的值，以便该函数不会再次运行。我一直在使用 onLoad 从 body 调用这个 JS。

所有关于这方面的线索都消失了，但我确实找到了一个有效的代码片段。不是我写的，我也不记得出处了。只是发帖来帮助有同样问题的人。

<div class="overlay-content"> //Content container needed for CSS Styling
    <div id="Reloader"> 
        //iFrame will be reloaded into this div
    </div>

    //Script to reload the iframe when the page loads
    <script>
        function aboutReload() { 
            $("#Reloader").html('<iframe id="Reloader" height="355px" width="830px" scrolling="no" frameborder="0" src="about.html"></iframe>');
        }
    </script>
</div>

基本上只是在带有 iFrame 的窗口打开时加载 iFrame 源，而不是在加载原始页面时加载 iFrame。