单击按钮后在iframe上显示内容-javascript？

我有两个iFrame，iframe1有按钮，如果单击按钮，iframe2应该显示内容。示例：如果我单击iframe1上的button1，button1.html内容应显示在iframe2内，如果我单击iframe1上的button2，则button2.html内容应显示在iframe2内（即，iframe1上的内容应替换为相对于每个按钮的内容）。（我只使用javascript、HTML和CSS）

对于类似问题，应该允许您在iframe中检测按钮单击事件。这将允许您在另一个iframe中设置src属性。比如：

  $(document).ready(function(){
    let iframe_two = $("#two").contents();
    let iframe_one = $("#one");
    iframe_two.find("button").click(function(){ 
      iframe_one.attr("src", "https://www.reddit.com") 

    })
  })

---

元素

src

和包含

iframe

元素的

document

是否具有相同的来源？您是否可以包括您在问题中尝试过的

html

，

javascript

？看我已经解决了问题谢谢你的关心！！