Question

我想加载一个ifram，然后单击此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的内容。来源和协议必须相同，并且子代上不能有任何标题阻止主页访问它。

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

单击iframe vanilla js中的按钮

1 个答案: