javascript - 单击 iframe vanilla js 中的按钮

Question

我想加载一个 iram，然后单击此 iframe 内的一个按钮(该按钮在未来 14 天的预测上方左侧有一个小伞)

到目前为止，这是我能够做的，但它不起作用:

<style>
  #my-div {
    width: 80%;
    height: 1500px;
    overflow: hidden;
    position: relative;
  }

  #my-iframe {
    position: absolute;
    top: -480px;
    left: -100px;
    width: 1280px;
    height: 1400px;
  }
</style>

<div id="my-div">
  <iframe src="http://www.meteofrance.com/previsions-meteo-france/paris-01e-arrondissement/75001" id="my-iframe"
    scrolling="no"></iframe>
</div>


<script>
  var iframe = document.getElementById("my-iframe");

  iframe.addEventListener("load", function () {
    console.log(iframe)
    var elmnt = iframe.contentWindow.document.getElementById("mf-accordion-bandeau-btn-unfold");
    console.log(elmnt)
    elmnt.click();
  });
</script>

Answer 1

仅在某些情况下才可以使用 JavaScript 访问 iframe 的内容。来源和协议(protocol)必须相同，并且子级上不能有任何 header 阻止主页访问它。

这纯粹是出于安全原因，否则网站将只能加载第 3 方网站并窃取个人数据或充当用户。