如何通过单击另一个 iframe 内的按钮更改 iframe 的源？

Question

                   <div class="tab-pane"
                         id="viewRateQuote">
                            <iframe id="frame1"
                                     src="page1"></iframe>
                  </div>

                  <div class="tab-pane"
                            <iframe  id="frame2"
                                     src="page2"></iframe>
                  </div>
                                 

我在父页面中有 2 个 iframe（所有同一个域）。它们将 2 个不同的页面显示为选项卡。当我单击 frame1 内的按钮时，我想将 frame2 的 src 设置为 src="page3"。如果用户转到父页面，则 frame2 的 src 默认为 page2。只是在frame1中单击了一个特定按钮，我需要更改源

谢谢！

Answer 1

要访问父 DOM，请使用 parent.document。

所以要将frame2 的源代码从frame1 更改为：

document.getElementById("buttonid").addEventListener("click", function() {
    parent.document.getElementById("frame2").src = "page3";
});