如何从iframe在父页面上执行javascript函数？

Question

我正在尝试从页面上的iframe更改页面上的文字。当用户完成上传图像时，我想要更改文本，说明加载...到完成上传或其他内容。可以通过iFrame完成吗？我知道当您使用alert("Finished");时，它会从iframe提醒用户，但我仍然有加载文字。

Answer 1

尝试在iframe中使用window.parent。这将指向父窗口。

您可以通过执行window.parent.hideLoadingText（）;

在父窗口的上下文中执行一个函数（名为hideLoadingText）。

Answer 2

在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 3

window.parent.yourjavascriptmethodname（）;