Question

我有一个像按钮一样工作的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链接。我希望它刷新你所在的页面，但我不知道如何做到这一点。

Answer 1

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

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

Answer 2

如果iframe的内容和引用的javascript代码（您的父网页）是从同一个域提供的，那么您只能获取iframe中加载的网页的网址。这是出于安全原因。

如何刷新IFrame中的链接？

2 个答案: