如何从 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();