如何强制链接从iframe被打开在父窗口

我需要在相同的父页面中打开链接，而不是在一个新页面中打开它。

注意:iframe和父页面是同一个域。

当前回答

如果你在你的网页中使用iframe，你可能会遇到一个问题，而改变整个页面通过HTML超链接(锚标签)从iframe。有两种解决方案可以缓解这个问题。

解决方案1。您可以使用锚标记的目标属性，如下例所示。

<a target="_parent" href="http://www.kriblog.com">link</a>

解决方案2。您还可以使用JavaScript从iframe在父窗口中打开一个新页面。

<a href="#" onclick="window.parent.location.href='http://www.kriblog.com';">

记住，在XHTML中，target="_parent"已弃用，但在HTML 5.x中仍然支持。

更多信息可从以下链接阅读 http://www.kriblog.com/html/link-of-iframe-open-in-the-parent-window.html

其他回答

试目标= " _top "

<a href="http://example.com" target="_top">
   This link will open in same but parent window of iframe.
</a>

有一个HTML元素叫做base，它允许你:

为页面上的所有链接指定默认URL和默认目标:

<base target="_blank" />

通过指定_blank，可以确保iframe内的所有链接都将在外部打开。

如果你在你的网页中使用iframe，你可能会遇到一个问题，而改变整个页面通过HTML超链接(锚标签)从iframe。有两种解决方案可以缓解这个问题。

解决方案1。您可以使用锚标记的目标属性，如下例所示。

<a target="_parent" href="http://www.kriblog.com">link</a>

解决方案2。您还可以使用JavaScript从iframe在父窗口中打开一个新页面。

<a href="#" onclick="window.parent.location.href='http://www.kriblog.com';">

记住，在XHTML中，target="_parent"已弃用，但在HTML 5.x中仍然支持。

更多信息可从以下链接阅读 http://www.kriblog.com/html/link-of-iframe-open-in-the-parent-window.html

我找到了一个简单的解决办法

<iframe class="embedded-content" sandbox="allow-top-navigation"></iframe>

allow-top-navigation 允许iframe更改parent.location。更多信息https://javascript.info/cross-window-communication

是的，我找到了

<base target="_parent" />

这对于打开在iframe中打开的所有iframe链接很有用。

And

$(window).load(function(){
    $("a").click(function(){
        top.window.location.href=$(this).attr("href");
        return true;
    })
})

这可以用于整个页面，也可以用于页面的特定部分。

谢谢你们的帮助。

推荐文章