programing

iframe 액션에서 상위 창 리디렉션

copyandpastes 2023. 1. 22. 22:51
반응형

iframe 액션에서 상위 창 리디렉션

iframe에서 부모 창을 리디렉션하려면 어떤 JavaScript를 사용해야 합니까?

자바스크립트나 다른 방법을 사용하여 부모 창을 새 URL로 리다이렉트하는 하이퍼링크를 클릭해 주었으면 합니다.

window.top.location.href = "http://www.example.com"; 

상위 상위 Iframe을 리디렉션합니다.

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

부모 iframe을 리다이렉트 합니다.

나는 그것을 발견했다.<a href="..." target="_top">link</a>동작하고 있다

window.top.location.href = "http://example.com";

window.top는 프레임 계층의 맨 위에 있는 페이지의 창 개체를 나타냅니다.

target="_parent"잘 먹혔어요.쉽고 번거롭지 않게!

또는 다른 방법은 다음과 같습니다(문서 객체 사용).

parent.document.location.href = "http://example.com";

@MIP는 맞지만 Safari의 새로운 버전에서는 iFrame에 대한 리다이렉트액세스를 제공하기 위해 샌드박스 속성(HTML5)을 추가해야 합니다.공백으로 추가할 수 있는 구체적인 값이 몇 가지 있습니다.

레퍼런스 (스크롤이 필요합니다) : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe

예:

<iframe sandbox="allow-top-navigation" src="http://google.com/"></iframe>

이것으로 참상을 해결할 수 있을 것이다.

<script>parent.location='http://google.com';</script>

사용자가 아무것도 할 필요 없이 다른 도메인으로 리디렉션하려면 속성과 함께 링크를 사용할 수 있습니다.

target="_parent"

앞서 말한 바와 같이 다음을 사용합니다.

document.getElementById('link').click();

자동으로 리다이렉트되도록 합니다.

예:

<!DOCTYPE HTML>

<html>

<head>

</head>

<body>

<a id="link" target="_parent" href="outsideDomain.html"></a>

<script type="text/javascript">
    document.getElementById('link').click();
</script>

</body>

</html>

주의: javascript click() 명령어는 링크를 선언한 후에 와야 합니다.

현재 페이지의 경우 - window.location.href = "여기 URL";

상위 페이지 - window.top.location의 경우.href = "여기 URL";

HTML에서

<a href="http://someurl" target="_top">link</a>

iframe 에서는 리다이렉트 할 수 있습니다만, 부모로부터의 정보는 취득할 수 없습니다.

사용해보십시오.

window.parent.window.location.href = 'http://google.com'
window.top.location.href = 'index.html';

그러면 기본 창이 인덱스 페이지로 리디렉션됩니다.감사해요.

window.top.location을 사용해야 합니다.href: iframe 액션에서 부모 창을 리다이렉트합니다.

데모 URL:

부모 창의 iframe을 같은 부모 창에서 iframe으로 수정합니다.

window.parent.document.getElementById("content").src = "content.aspx?id=12";

언급URL : https://stackoverflow.com/questions/580669/redirect-parent-window-from-an-iframe-action

반응형