如何刷新 IFrame 中的链接？答案

【问题标题】：How do I refresh a link inside an IFrame?如何刷新 IFrame 中的链接？
【发布时间】：2016-07-14 06:02:33
【问题描述】：

我有一个非常像按钮的 div。单击时，它会重新加载 IFrame。但是，在此 IFrame 中，您可以访问一些超链接。在 IFrame 内的某个链接上，如果单击刷新 div，IFrame 会刷新到原始页面，而不是超链接页面。

这是一个例子：

<!DOCTYPE html>
<html>
<body>
    <a href="#" onclick="refreshIframe()">Refresh</a><br/>
    <iframe src="https://en.wikipedia.org/wiki/Main_Page" width="600" height="400" name="page"></iframe>
    <script>
        function refreshIframe() {
            var ifr = document.getElementsByName('page')[0];
            ifr.src = ifr.src;
        }
    </script>
</body>

这将重新加载到原始 IFrame 链接。我希望它刷新您所在的页面，但我不知道如何做到这一点。

【问题讨论】：

标签： javascript jquery html css iframe

【解决方案1】：

您需要重新加载 iframe 的当前位置，因为这是存储它的位置，而不是未更改的 src。它看起来像：

window.frames['page'].location.href.reload()

【讨论】：

【解决方案2】：

如果 iframe 的内容和引用的 javascript 代码（您的父页面）来自同一个域，则您只能获取 iframe 中加载的页面的 url。这是出于安全原因。

【讨论】：