如何从 iframe 中获取全屏模式答案

【问题标题】：how to get a fullscreen modal from within an iframe如何从 iframe 中获取全屏模式
【发布时间】：2012-03-27 11:39:42
【问题描述】：

我想知道是否可以从 iframe 中调用模态框并以全屏模式查看它。

我尝试使用 jquery.ui.modal，但模态仍保留在 iframe 区域中。

任何帮助将不胜感激。

提前致谢。

【问题讨论】：

jQuery“模态对话框”只是页面上的div，位于其他元素之上，通常具有半透明背景，填充整个页面。 i-frame 具有受限的比例。你不能这样做 - 出于同样的原因，你不能制作一个在屏幕上比浏览器窗口占用更多空间的模式对话框。
谢谢@GrahamClark，我知道“模态窗口”，但是没有办法引用parent.window，所以模态不限于iframe区域？。
为什么不在父窗口上复制内容，或者即时创建呢？使用top.window....
@bobighorus：您可以让父页面显示对话框，但它需要与 iframe 位于同一域中才能绕过 XSS 安全规则。此外，在父页面上有一些脚本来执行请求可能会更容易。

【解决方案1】：

如果你发布你的代码会很有帮助，但是你可以用这个代码做一个简单的模式：

在 jsFiddle 中不起作用，可能是因为它是错误的，或者可能是因为 jsfiddle 通过服务器代码阻止了 window.parent 属性，但如果我没有遗漏某些东西，属性 window.parent 应该可以解决问题。

问候！

事实上，来自 jsFiddle 的代码允许我做 window.parent.parent 但也没有效果

【讨论】：