在父窗口的 iframe 中打开链接答案

【问题标题】：Open link in iframe in parent window在父窗口的 iframe 中打开链接
【发布时间】：2017-07-19 18:56:16
【问题描述】：

我有以下html结构

我正在尝试让链接在父窗口中打开。现在链接在 iframe 中。我尝试将 target="_parent" 添加到链接中，但这不起作用。奇怪的是，一些链接有效，但登录链接无效。

<div class="mrvl-header-wrapper">
    <div class="mrvl-header-bg"></div>
    <header class="mrvl-header">
        <button class="glb-nav-hamburger fouc hide" data-auto="glb-nav-hamburger" tabindex="0"></button>
        <a href="/"><p class="mrvl-logo" data-auto="brand-logo">Adobe Spark</p></a>
        <div class="mrvl-mrkt-nav">
            <a href="/" class="mrvl-mrkt-nav-link mrvl-mrkt-nav-about" data-auto="mrvl-mrkt-nav-about">About</a>
            <a href="/" class="mrvl-mrkt-nav-link mrvl-mrkt-nav-projects" data-auto="mrvl-mrkt-nav-projects">My Projects</a>
            <a href="/gallery/" class="mrvl-mrkt-nav-link mrvl-mrkt-nav-gallery" data-auto="mrvl-mrkt-nav-gallery">Inspiration Gallery</a>
            <a href="/blog" class="mrvl-mrkt-nav-link mrvl-mrkt-nav-blog" data-auto="mrvl-mrkt-nav-blog">Blog</a>
            <div class="mrvl-mrkt-learn-more-drop">
                <a class="mrvl-mrkt-nav-link mrvl-mrkt-nav-learn-more" data-auto="mrvl-mrkt-nav-learn-more">Learn More</a>
                <ul class="mrvl-mrkt-nav-learn-more-features">
                    <li><a href="/features/" class="mrvl-mrkt-nav-link mrvl-mrkt-learn-more-link mrvl-mrkt-feature-link">Features</a></li>
                </ul>
            </div>
            <div class="mrvl-mrkt-make-a-design-drop">
                <a class="mrvl-mrkt-nav-link mrvl-mrkt-nav-make-a-design" data-auto="mrvl-mrkt-nav-make-a-design">Make a Design</a>
                <ul class="mrvl-mrkt-nav-make-a-design-features">
                    <li><a href="/make/album-cover-maker" class="mrvl-mrkt-nav-link mrvl-mrkt-make-a-design-link">Album Covers</a></li>
                    <li><a href="/make/invitation-maker/baby-showers" class="mrvl-mrkt-nav-link mrvl-mrkt-make-a-design-link">Baby Shower Invitations</a></li>
                </ul>
            </div>
        </div>
        <div class="nav-cta-actions">
            <a target="_parent" href="/login" data-context="marketingNav" class="mrvl-mrkt-nav-cta-btn signup-cta-btn mrvl-mrkt-nav-logged-out-cta mrvl-mrkt-nav-login" data-auto="mrvl-mrkt-nav-login">Log in</a>
            <a target="_parent" href="/login" data-context="marketingNav" class="mrvl-mrkt-nav-cta-btn mrvl-mrkt-nav-logged-out-cta signup-cta-btn mrvl-mrkt-nav-start-now" data-auto="mrvl-mrkt-nav-start-now">Start now for free</a>
            <a target="_parent" href="/#create" class="mrvl-mrkt-nav-cta-btn mrvl-mrkt-nav-logged-in-cta mrvl-mrkt-nav-create hide" data-auto="mrvl-mrkt-nav-create"></a>
        </div>
        <div class="site-nav">
            <a href="/#" class="site-nav-link site-nav-projects selected" data-auto="site-nav-projects">My Projects</a>
            <a href="/gallery/" class="site-nav-link site-nav-gallery" data-auto="site-nav-gallery">Inspiration Gallery</a>
            <a href="/blog" class="site-nav-link site-nav-blog" data-auto="site-nav-blog">Blog</a>
        </div>
        <div class="agn-wrap fouc">
            <div class="agn-container"></div>
        </div>
        <nav class="user_placard hide">
            <button class="signin-btn" data-auto="signin-btn">
                <span class="signin-btn-icon"></span>
                <span class="signin-btn-label"></span>
            </button>
            <div class="mrvl-user-menu hide"></div>
        </nav>
        <div class="active-authoring-context fouc hide"></div>
    </header>
</div>
<div class="mrvl-user-menu-screen mrvl-overlay-bg hide"></div>
<div class="glb-nav-menu"></div>

【问题讨论】：

标签： javascript html iframe

【解决方案1】：

Difference between _self, _top, and _parent in the anchor tag target attribute

target="_top" 这会打破它所嵌套的所有框架，并在浏览器窗口中将链接作为顶部文档打开。

target="_parent" 如果它们相互嵌套，则会在框架的下一级打开

【讨论】：