【问题标题】:Back button loop with IFRAMES带有 IFRAME 的后退按钮循环
【发布时间】:2009-11-11 22:12:59
【问题描述】:

在我的(school) website 中,我们使用 iframe 来显示课程博客(在 blogger 上)。除非用户随后单击(例如)iframe 内的照片,否则此方法效果很好。 Blogger(在这种情况下)然后在整个浏览器窗口中显示照片并循环返回按钮;也就是说,如果点击后退按钮,浏览器(IE、FF、Chrome)将停留在同一页面上。唯一的出路是让用户跳回两页(我们的许多用户不知道该怎么做)。 我已经阅读了很多关于后退按钮和 iframe 的帖子,但似乎没有一个简单的解决方案。请记住,我无法控制 iframe 内容(因此框架中没有嵌入的后退按钮)。有什么想法吗?

【问题讨论】:

  • 您如何为该页面提供服务?它是静态 HTML 还是由服务生成的?

标签: iframe button loops back


【解决方案1】:

我将使用的解决方案是在 iframe 内容加载后循环浏览它,并在 iframe 中的链接上设置目标属性,以便它们在 iframe 或新窗口中打开。这是一个使用 jQuery 的示例:

$('#iframeID').contents().find('a').attr('target', '_blank');

你可以使用循环和 DOM 方法做类似的事情,如果你不确定如何去做,我会发布一些代码来做到这一点。

编辑:如果内容跨域,则无法访问,因此在这种情况下不起作用

【讨论】:

  • 如果 iframe 的内容不在同一个域中(在这种情况下不是),您将无法访问它。
  • 当我尝试在 JSBin 上进行测试时,我意识到这一点。如果有人想测试答案,这里是测试页面的链接。 jsbin.com/onoge
猜你喜欢
  • 1970-01-01
  • 2011-05-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多