Body onLoad Нажмите, чтобы обновить iframe

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» - это идентификатор кнопки.

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

Answer 1

В коде нет ничего плохого (см. Фрагмент кода в действии). Единственная причина, по которой он не может выполнить событие click, состоит в том, что нет элемента с идентификационной таблицейA7.

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-адресов. Также убедитесь, что вы дождались загрузки кадра, прежде чем пытаться получить доступ к его содержимому.