javascript - 从 iframe 中打开链接

标签 javascript iframe fancybox

我会尽量保持简短。我有一个包含各个部分的页面。其中一个部分有一个 iframe,其中包含谷歌地图。在信息窗口上,我有一个链接,单击该链接时,我希望它在页面上的花式框中打开(不在 iframe 中......我可以做到这一点)。例如,如果我有一个链接说“google”,我喜欢打开http://www.google.co.uk/在 fancybox 中覆盖整个页面。

我有 2 个不同的页面和 2 个 JavaScript,1 个用于 map (iframe),另一个用于主页。该函数位于主页脚本中。

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

我的 map 信息窗口中有此链接(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:将所需链接设置为 href 属性,并使用 target 属性定义打开位置。

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

关于javascript - 从 iframe 中打开链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9378822/

相关文章:

javascript - 如何在 Chrome 的 PDF 查看器中显示带有名称的 javascript 文件对象?

jquery - Fancybox 和 DNN DotNetNuke

webpack - 如何在 webpack 中使用 fancybox?

javascript - Prestashop:如何用 Colorbox 替换 Fancybox?

javascript - 检查控制台是否存在

javascript - Node.js/ express : download file via ajax

javascript - 如何使用 UnderscoreJS 进行柯里化(Currying)?

javascript - 正确使用 vimeo.ga.js 插件

javascript - 当鼠标悬停在 iframe 上时隐藏自定义光标

javascript - Iframe 文件上传的进度条?