在一个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是不同的文档/页面。

如果没有jQuery的.load-function，如何可能实现这一点的任何想法？谢谢！

Answer 1

从第一个iframe将click事件绑定到主窗口上的一个函数。

// 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);
});

未经测试但可能会有效。