通过 js 提供指向 iframe 的链接答案

【问题标题】：Provide link to iframe via js通过 js 提供指向 iframe 的链接
【发布时间】：2021-04-08 19:38:54
【问题描述】：

我有一个带有 src 的 iframe，但我想在单击按钮时通过 javascript 提供到 src 的链接。如何传递值？

编辑：每次点击按钮时网页都会刷新。它显示网页，然后刷新它以再次显示。如何避免这种情况？

    <button type="button" onclick = "Open()">Click Me!</button>

    <iframe id="iframe"
  src="" //Provide link here
  style="
    z-index: 10;
    display: None;
  ">
</iframe>

<script>
    function Open() {
      let myIframe = document.getElementById("iframe");
        myIframe.style.display = 'block';
        iframe.src = "www.mylink.com"
    }
  </script>

【问题讨论】：

myIframe.src?
@BenM 但是每次我点击按钮时网站都会刷新。也就是说，当我第二次单击该按钮时，它会显示该网站，然后刷新一秒钟以再次显示它。它有什么问题？

标签： javascript html iframe

【解决方案1】：

在示例中设置 src 时，您没有引用 myIframe，您需要执行 myIframe.src = 'https://www.mylink.com'

【讨论】：

嗯，是的，但问题是每次单击按钮时它都会刷新。那就是它显示网站，然后刷新一秒钟以再次重新加载它。这可以避免吗？
那是因为你覆盖了当前的 src，如果它是静态的，我只需在 elements 属性上设置 src 并切换可见性。
是的，这就是我所做的。但是有没有别的办法？因为会有多个带有不同 src 链接的按钮，我只想使用一个 iframe。
我不这么认为，除非您添加了一项检查以查看 src 是否与当前的匹配（例如 if myIframe.src === newSrc）
我正在这样做 if(myIframe.src === "www.mywebpage.com") { } else { console.log(myIframe.src); myIframe.src = "www.mywebpage.com"; } 但它仍然被调用。控制台仍然被调用。我觉得 src 变空了，因为我使用 ``` myIframe.style.display = 'None';``` 关闭它