如何在iframe中显示弹出窗口？

Question

我有一个页面（比如jobs.html），iframe加载了另一个页面（比如joblist.html）。另外一个弹出窗口（显示点击一个标题时的作业描述）是用javascript生成的加载时进入iframe中的页面。 我必须在iframe外部加载弹出窗口（作业描述弹出窗口）。 使用javascript获取jobs.html页面的文档正文的任何​​解决方案？ 或者如何在iframe之外获得此弹出窗口？

谢谢，

Answer 1

您可以使用父功能。

您可以定义在父页面上显示弹出窗口的功能。不在iFrame中并从iFrame中调用该函数。

假设您具有在父页面中显示职位描述的功能。

var showJobDesc = function(jobTitle,jobDesc,...){
    ....
}

现在在iFrame中调用此函数就像;

parent.showJobDesc(jobTitlem, jobDesc, ...);

通过执行此操作，您无需对话框的放置/对齐方式。

Answer 2

将show javascript放入容器页面，在iframe中只需调用parent.showpopup()。

Answer 3

  

我必须在iframe

之外加载弹出窗口（作业说明弹出窗口）

当你说在iframe之外加载弹出窗口时，你的意思是什么？

如果要在弹出窗口中打开其他页面，请使用window.open

如果要打开替换父页面的新页面，请使用窗口的location

window.parent.location.href = "newPage.html"

通常，您可以引用父窗口（包含iframe的窗口），使用window.parent（因此父窗口的文档为window.parent.document，父窗口中的任何脚本为{ {1}}）

Answer 4

parent.showpopup（）抛出拒绝访问错误。 Kinda有意义，因为包含iframe意味着页面的开发者可以控制它所包含的页面。