Как я могу выполнить функцию javascript на родительской странице из iframe?

Question

Я пытаюсь изменить текст на странице с iframe на странице. Когда пользователь заканчивает загрузку изображения, я хочу изменить текст, говорящий о загрузке ..., чтобы закончить загрузку или что-то в этом роде. Можно ли это сделать с помощью iFrame? Я знаю, что когда вы используете alert("Finished");, он извещает пользователя из iframe, но у меня все еще есть текст для загрузки.

Answer 1

на странице parent.html (где есть iframe)

function finished()
{
 //you can change this below line depend on your needs
 document.getElementById("status").innerHTML="Finish"; 
}

<span id="status"></span>
<iframe src="child.html" name="iframe_content"></iframe>

тогда вы можете попробовать это на странице child.html (содержимое внутри iframe)

<input type="button" value="Finish" onclick="parent.finished()" />

также вы можете изменить триггер функции в зависимости от ваших потребностей

Answer 2

Попробуйте использовать window.parent изнутри iframe.Это будет указывать на родительское окно.

Вы можете выполнить функцию (названную, скажем, hideLoadingText) в контексте родительского окна, выполнив window.parent.hideLoadingText ();

Answer 3

window.parent.yourjavascriptmethodname ();