【问题标题】:open link out of iframe从 iframe 打开链接
【发布时间】:2012-02-21 13:57:58
【问题描述】:

我会尽量保持简短。我有一个不同部分的页面。一个部分有一个 iframe,里面有一个谷歌地图。在 infowindows 上,我有一个链接,单击该链接时,我希望它在页面上方的精美框中打开(不在 iframe 中……我可以这样做)。例如,如果我有一个显示“google”的链接,我喜欢它以在一个花式框的整个页面上打开 http://www.google.co.uk/

我有 2 个不同的页面和 2 个 javascript,1 个用于地图(iframe),另一个用于主页。该函数在主页脚本中。

我认为我出错的地方是 a) 打开页面的正确调用 b) 将类附加到 javascript 即 class="fancybox"。

我的地图信息窗口中有这个链接(map.js):

<a href="javascript:parent.openSomething();">some content</a>

在我的 main.js 中:

function openSomething() {

//this is where i think im going wrong
//ive tried window. and top. etc

var url = "http://www.google.co.uk/";

document.location.href = url

};

我对花式框的调用在主页中。

任何帮助将不胜感激。

【问题讨论】:

  • 您的新代码缺少结束引号。

标签: javascript iframe fancybox


【解决方案1】:

无需使用 JavaScript:将所需链接设置为 href 属性,并使用 target 属性定义打开位置。

  • target="_top" 将在整个页面中打开新链接
  • target="_parent" 将在父框架或页面中打开它
  • target="_blank" 将在新窗口中打开它。

【讨论】:

  • 您使用class 属性将类附加到链接:a class="myclass"
  • 感谢您的回复,但是我认为我将问题简化了很多...我将编辑问题。
  • @Hatzi 呃,整页的fancybox 确实让这变得更加复杂:) Fancybox 是否支持以编程方式触发链接?如果是这样,parent.openSomething 听起来不错;它必须使用适当的参数调用 Fancybox。如果 Fancybox 不支持 API 调用,我知道存在一些替代方案
  • 哈哈是的,我认为它可能......老实说,我不知道,但我开始觉得它没有。我将不得不进行更多测试。如果我可以以编程方式触发它,那意味着我只调用一次 fancybox 脚本并在多个地方使用它。
猜你喜欢
  • 2012-08-15
  • 2013-03-17
  • 2022-09-23
  • 1970-01-01
  • 2018-01-30
  • 1970-01-01
  • 2011-11-05
  • 2010-12-14
  • 1970-01-01
相关资源
最近更新 更多