Question

我有一个带有按钮的iframe，我想点击页面加载。 iframe是：

    `<iframe id="rf" onload="myFunction()" style="width: 100%; height: 600px;" src="http://clients.mindbodyonline.com/ws.asp?studioid=103099&amp;stype=-7&amp;sTG=22&amp;sView=day" width="320" height="240" frameborder="0" scrolling="auto"></iframe>`

我已经在它下面添加了这个javascript来点击页面加载时的按钮，但是它无效。 “tabA7”是按钮ID。

    `<script>
    function myFunction{
    document.getElementById("tabA7").click(); 
    }
    </script>`

Answer 1

您的代码没有任何问题（请参阅代码中的代码段）。它可能没有执行click事件的唯一原因是因为没有ID tabA7的元素。

function myFunction() {
  document.getElementById('theButton').click();
}

function button() {
  alert('button clicked');
}

<iframe id="rf" onload="myFunction()" style="width: 100%; height: 600px;" src="http://clients.mindbodyonline.com/ws.asp?studioid=103099&amp;stype=-7&amp;sTG=22&amp;sView=day" width="320" height="240" frameborder="0" scrolling="auto"></iframe>
<br/>
<button id="theButton" onclick="button()">button</button>

Answer 2

您应该使用框架contentDocument属性：

document.getElementById('myFrame').contentDocument.getElementById('myButton')

但是，除非来自两个URL的协议，域和端口匹配，否则浏览器可能会阻止该访问。还要确保在尝试访问其内容之前等到框架加载完毕。

Body onLoad单击以刷新iframe

2 个答案: