来自iframe的全屏弹出窗口(featherlight)

时间:2017-12-01 14:20:38

标签: javascript jquery html iframe featherlight.js

这是一个非常具体的问题。 有一个网站(我无法访问此网站),其中包含一些iframe,其中一个iframe链接到我有权访问的网站。

我的iframe应该包含指向另一个iframe的链接,并在点击链接时将其打开为弹出窗口。这已经有效了。我为此使用了featherlight.js

问题现在是当我点击网站上我无权访问的链接时,弹出窗口大小仅限于iframe的大小

澄清的例子

我网站上的代码,我们称之为example.com

<a id="popup" href="anotherlink" data-featherlight="iframe">Open popup</a>
<script>
    $("#popup").featherlight();
</script>

我无法访问的网站上的代码如下:

<iframe src="example.com"></iframe>

1 个答案:

答案 0 :(得分:1)

快速阅读后确定:这是不可能的,因为iframe的内容并不总是受信任,这意味着iframe的内容可以在合法的内容上放置一个相同的登录框并窃取所有用户的信息。

如果您真的需要弹出窗口覆盖您的网站,我认为实现它的唯一方法是通过ajax加载内容并将内容注入您网站中的特定div