一个 iframe 上的按钮显示另一个 iframe

Question

我有一个带有两个 iframe 的网页：

<iframe src="Account.php" class="iframe" id="iframe1"></iframe>
<iframe src="Register.php" class="iframe" id="iframe2"></iframe>

在第一个 iframe 上，我有一个按钮

<input type="button" value="Subscribe" id="btn"/>

当我点击这个按钮时，我想显示另一个当前隐藏的 iframe '#iframe1'，如下所示：$('#iframe1').show();显然，问题是按钮和要显示的 iframe 不同 documents/pages.

如果没有 jQuery 的 .load-function，我有什么想法可以实现吗？谢谢！

Answer 1

从第一个 iframe 将点击事件绑定到主 window 上的函数。

// in main window, define the function to show iframe 2
function showFrame2(e) {
   $('#iframe2').show();
}

// in frame 1, bind to that function by traversing to the parent document
$('#btn').on("click", function(e) {
  window.parent.showFrame2(e);
});

未经测试但可能有效。

一个 iframe 上的按钮显示另一个 iframe

Button on one iframe to display another iframe

html

javascript

iframe

jquery

show