부모 창에서 iframe의 링크를 강제로 여는 방법

새 페이지에서 열지 않고 동일한 부모 페이지에서 링크를 열어야합니다.

참고 : iframe및 상위 페이지는 동일한 도메인 입니다.

가장 좋은 해결책은 기본 태그 를 사용하는 것 입니다. iframe의 페이지 헤드에 다음을 추가하십시오.

<base target="_parent">

그러면 부모 창의 페이지에있는 모든 링크가로드됩니다. 링크를 새 창에로드하려면 다음을 사용하십시오.

<base target="_blank">

이 태그는 모든 브라우저에서 완벽하게 지원 됩니다.

대상 속성을 사용하십시오.

<a target="_parent" href="http://url.org">link</a>

JavaScript로 :

window.parent.location.href= "http://www.google.com";

당신은 어떤 옵션을 사용할 수 있습니다

부모 페이지 만있는 경우 :

부모 페이지 또는 부모 iframe에 대한 모든 링크 를 열려면 iframe의 head 섹션에 다음 코드를 사용하십시오.

<base target="_parent" />

또는

부모 페이지 또는 부모 iframe에 특정 링크 를 열려면 다음과 같은 방법을 사용하십시오.

<a target="_parent" href="http://specific.org">specific Link</a>
<a  href="http://normal.org">Normal Link</a>

또는

중첩 된 iframe의 경우 :

브라우저 창으로 모든 링크 를 열려면 (브라우저 URL로 리디렉션) iframe의 head 섹션에 다음 코드를 사용하십시오.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
    $(window).load(function(){
        $("a").click(function(){
            top.window.location.href=$(this).attr("href");
            return true;
        })
    })
</script>

또는

브라우저 창으로 특정 링크 를 열려면 (브라우저 URL로 리디렉션) 다음과 같은 방법을 사용하십시오.

<a  href="http://specific.org"   target="_top" >specific Link</a>

또는

<a  href="javascript:top.window.location.href='your_link'">specific Link</a>
<a  href="javascript:top.window.location.href='http://specific.org'">specific Link</a>
<a  href="http://normal.org">Normal Link</a>

다음과 같은 HTML 요소 base가 있습니다.

페이지의 모든 링크에 대한 기본 URL 및 기본 대상을 지정하십시오.

<base target="_blank" />

지정 _blank하면 iframe 내부의 모든 링크 가 외부에서 열립니다.

언급 한 바와 같이 대상 속성을 사용할 수 있지만 XHTML에서는 기술적으로 더 이상 사용되지 않습니다. 그것은 일반적으로와 같은 자바 스크립트를 사용하게 parent.window.location합니다.

시도 target="_parent" 속성 내부 anchor tag.

웹 페이지에서 iframe을 사용하는 경우 iframe에서 HTML 하이퍼 링크 (앵커 태그)를 통해 전체 페이지를 변경하는 동안 문제가 발생할 수 있습니다. 이 문제를 해결하기위한 두 가지 솔루션이 있습니다.

해결 방법 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';">

⇒ target="_parent"XHTML에서는 더 이상 사용되지 않지만 HTML 5.x에서는 계속 지원됩니다.

다음 링크에서 더 많은 내용을 읽을 수 있습니다 http://www.kriblog.com/html/link-of-iframe-open-in-the-parent-window.html

가장 다양하고 가장 다양한 브라우저 솔루션은 "기본"태그를 사용하지 않고 "a"태그의 대상 속성을 사용하는 것입니다.

<a target="_parent" href="http://www.stackoverflow.com">Stack Overflow</a>

<base>태그는 사용 빈도는 낮지 및 브라우저는 더 크로스 브라우저 테스트를 필요로하는 문서 내에서의 배치를위한 요구 사항에 일치하지 않습니다. 프로젝트와 상황에 따라 <base>태그 의 이상적인 크로스 브라우저 배치를 달성하기가 어렵거나 완전히 불가능할 수 있습니다 .

태그 의 target="_parent"속성을 사용하면 <a>브라우저에 친숙 할뿐만 아니라 iframe에서 열고 자하는 링크와 부모에서 열고 자하는 링크를 구별 할 수 있습니다.

<a target="parent">새 탭 / 창 <a target="_parent">에서 링크 열기 ... 새 탭 / 창 을 열지 않고 부모 / 현재 창에서 링크를 엽니 다. 점수를 잊어 버리지 마십시오!

야 내가 찾았다

<base target="_parent" />

iframe에서 열린 모든 iframe 링크를 여는 데 유용합니다.

과

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

이것은 전체 페이지 또는 페이지의 특정 부분에 사용할 수 있습니다.

도와 주셔서 감사합니다.

시험 target="_top"

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

   <script type="text/javascript"> // if site open in iframe then redirect to main site
        $(function(){
             if(window.top.location != window.self.location)
             {
                top.window.location.href = window.self.location;
             }
        });
    </script>