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

【问题标题】：Display content on iframe after a button click- javascript?单击按钮后在 iframe 上显示内容-javascript？
【发布时间】：2017-05-10 00:59:11
【问题描述】：

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

【问题讨论】：

<iframe> 元素 src 和包含 iframe 元素的 document 是否具有相同的来源？您能否包括您在 Question 中尝试过的html、javascript？见stackoverflow.com/help/mcve
我已经解决了谢谢您的关心！！

标签： javascript html iframe

【解决方案1】：

类似问题的accepted answer 应该允许您检测 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") 

    })
  })

【讨论】：