[Html] 부모 창에서 iframe의 링크를 강제로 열려면


Answers

target-attribute 사용 :

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

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

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




base 라는 DOM 객체가 있습니다 : "페이지의 모든 링크에 대한 기본 URL과 기본 대상 지정 :"

<base target="_blank" />

"_blank"를 지정하면 iframe 내부의 모든 링크가 바깥쪽으로 열리게됩니다.




   <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>



원하는 옵션을 사용할 수 있습니다.

상위 페이지 만있는 경우 :

상위 페이지 또는 상위 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>



가장 다양하고 대부분의 크로스 브라우저 솔루션은 "기본"태그의 사용을 피하고 대신 "a"태그의 대상 속성을 사용합니다.

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

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

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




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

해결 방법 1. 다음 예제와 같이 앵커 태그의 target 속성을 사용할 수 있습니다.

<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 링크에서 읽을 수 있습니다 http://www.kriblog.com/html/link-of-iframe-open-in-the-parent-window.html




Links