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

Posted 2023-05-09

【中文标题】如何通过单击另一个 iframe 内的按钮更改 iframe 的源？

【英文标题】：How do I change an iframe's source from a button click inside another iframe?

【发布时间】：2021-01-28 06:57:39

【问题描述】：

                   <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中单击了一个特定按钮，我需要更改源

谢谢！

【参考方案1】：

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

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

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