Javascript Fancybox-为iFrame实现向后和向前

Javascript Fancybox-为iFrame实现向后和向前,javascript,iframe,fancybox-2,Javascript,Iframe,Fancybox 2,我使用Fancybox通过iFrame显示网页。这些网页就像一个小小的信息网络:它们通过链接相互呼叫,用户可以在其中循环。 我想实现前后按钮:我将这些按钮直接放在显示的页面中,并使用历史(history.go(-1)):只要浏览器的行为与iFrame相同,就可以实现。 然而,有一个问题:如果用户点击后退按钮,并在其导航的第一页,它将把他带出网站本身(因为,从奇特的框中,它是一个单页网站)。 出于安全目的,您无法访问历史记录并对其进行测试以避免出现这种情况,是否有办法确定如果用户再多做一步,是否会

我使用Fancybox通过iFrame显示网页。这些网页就像一个小小的信息网络:它们通过链接相互呼叫,用户可以在其中循环。 我想实现前后按钮:我将这些按钮直接放在显示的页面中,并使用历史
(history.go(-1))
:只要浏览器的行为与iFrame相同,就可以实现。 然而,有一个问题:如果用户点击后退按钮,并在其导航的第一页,它将把他带出网站本身(因为,从奇特的框中,它是一个单页网站)。 出于安全目的,您无法访问历史记录并对其进行测试以避免出现这种情况,是否有办法确定如果用户再多做一步,是否会退出域?Document.referent在Fancybox和iFrames的上下文中似乎不起作用


非常感谢,我尝试了很多(主要是愚蠢的事情),包括一个带有window.name的javascript会话(看看我有多绝望?)

你能在jsfiddle或plunkr.co上展示一个简单的例子吗?如果用户单击“后退”按钮,则可以将按钮置于iFrame之外,并使用postmessage api
来回发送消息。。。你是说,你在iframe中实现的按钮。。。或者浏览器的后退按钮?我想您需要验证每个iframe内部的
历史记录.length
。如果
history.length>1
(大多数现代浏览器在IE返回
0
时,返回历史记录列表中的第一项或URL数量
1
),则显示您的后退按钮(
history.go(-1)
),否则将其隐藏(或禁用),以便用户无法返回(以及在fancybox之外)