通过单击更新 iFrame 的 iFrame-page/ 内容

Question

如果您阅读过我之前提出的一些问题，您就会知道我遇到了一个问题，我使用 iFrame 解决了这个问题。无论如何，我现在想要的是能够在我单击更新按钮时更新 iFrame 显示的页面（这是我的本地页面）。如果不更新我所在的页面，这怎么可能？

背景信息： 我在 home.php 上，我有一个 iFrame。此 iFrame 显示页面 something.php，这是我的页面之一。我必须能够在不等待 something.php 更新的情况下更新 home.php，所以解决方案是将它们放在两个文档中，然后使用 iFrames 包含它（现在 home.php 可以在不等待 something.php 的情况下显示） .这个something.php 的内容是动态的，并且会根据其他网页进行更新。假设用户想要更新这个 iFrame 的内容，或者内容没有显示出来。然后会给他一个“更新”按钮，它只会刷新 something.php 页面，而不刷新 home.php

这可以做到吗（最好用 PHP，但也欢迎 JavaScript/jQuery）？

Answer 1

您必须使用客户端脚本来完成。

类似的东西：

<input type="button" onclick="reLoadIframe();">

reLoadIframe(){
  document.getElementById('iframeYoureTryingToUpdate').contentWindow.location.reload();
}

或

reLoadIframe(){
  document.getElementById('iframeYoureTryingToUpdate').src =document.getElementById('iframeYoureTryingToUpdate').src`
}

Answer 2

只需在 loc 中提供 url 就足够了。

var loc = "http://example.com/example.php";
var frameId = "myFrame";
document.getElementById(frameId).src = loc;