Javascript 有没有一种方法可以使重新加载按钮刷新和iFrame

我在一个主页上工作，我有一个iFrame，我希望能够使用按钮重新加载

我有两个Javascript文件，第一个标记为J1，第二个标记为J2，两个HTML文件分别标记为Hyper1和Hyper2

我在使用以下代码时遇到的问题：

[超级一]

<button style="display: none" id="reload" class="tablinks" onclick="reload()">Reload</button>

所以基本上我有Hyper1上按钮的代码和J2上的函数，这就是iframe的编码所在，它仍然会重新加载整个页面，而不仅仅是iframe

我知道这看起来是一个非常简单的解决方案，但我对JavaScript还不熟悉，所以我个人不太了解

试试这个

function reload() {
    document.getElementById('your_frame_id').src += '?v=' + Math.random();
}

---

将此函数放在J1中。

iframe是否与主页位于同一域中？我认为只有当iframe与主页位于同一域中时，此功能才起作用。@Barmar我已经编辑了我的答案。这是一个100%在没有域的简单html页面中工作。谢谢，这让我花了很长时间，最后我认为如果math.random=与前面的值相同，您可能会得到一个缓存结果，尽管它仍然应该刷新。frame.src=frame.src的工作原理应该与此相同。@DanielTate是的，这是该解决方案的缺点，但我认为在Math.random中发生这种情况的可能性很小。根据使用情况，我认为用户不会对“重新加载”按钮发送垃圾邮件。您始终可以使用其他随机算法，但前提是您使用我在本文中使用的缓存破坏概念：

function reload() {
    document.getElementById('your_frame_id').src += '?v=' + Math.random();
}