javascript - 如何让 JavaScript 更改 iframe 的 src？

Question

我有以下布局

 _______________________________________________________
| iframe                                                |
| ______  _____________________________________  ______ |
|| menu ||info                                 ||advert||
||      ||                                     ||      ||
||      ||                                     ||      ||
||      ||                                     ||      ||
||      ||                                     ||      ||

我已经阅读了很多页的答案，它们似乎都说同样的事情，但我仍然无法让我的代码工作。

我希望菜单中的链接能够更改 iframe，这将加载新主题，每个主题都有自己的菜单。另外，我的信息框中的某些页面需要更改 iframe 的源。

一个例子是，当我想注销我的帐户并返回我的主页时:我点击菜单上的“LOGOUT”，这会将 logout.php 加载到 INFO 中，并将此后的所有变量清空...

<script type="text/javascript">
    top.document.getElementById('iframeid').src='home.php';
</script>

我也尝试过(及其变体)

document.getElementById('iframeid').src='home.php';
parent.document.getElementById('iframeid').src='home.php';
top.document.getElementById('iframeid').location='home.php';
top.document.getElementById('iframeid').location='WEBSITE/home.php';

看起来很简单，但我现在已经在这上面花了超过 24 个小时 - 有什么线索吗？

Answer 1

您可以更改 iframe 的 src 值。

示例:https://jsfiddle.net/0g4uoymt/1/

setTimeout(function(){
    $("iframe").attr("src", "https://i.imgur.com/eMPOYrO.webm");
}, 1000);