如何通过单击另一个 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的 src 从frame1更改为：

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