본문 바로가기

JavaScript

[JavaScript] window.parent.location.href를 이용한 iframe 탈출방법

반응형

에러 발생상황


iframe을 사용하여 이미지만 변경을 해주다가.

급하게 로그인을 통한 게시판기능을 사용해야 했고.

게시글을 작성하기위해 로그인을 하면 iframe 영역안에

해당사이트의 페이지가 나타나는 상황이 발생했다.






해결방법


자바스크립트로 window.parent.location.href을 이용하여 해결했다.

window.parent.location.href를 이용하면 해당 브라우저의 URL이 변경됨으로서

로그인페이지로 이동 새롭게 사용할 수 있게되었다.


 javascript 코드 수정

<script language = "javascript">
    function addWriter() {       
        if("<%= id %>" != 'null') {           
            location.href = "./BoardWrite.bo";
        }
        else if(confirm("글을 작성하시려면 로그인 하셔야 합니다. 로그인 하시겠습니까?") == true) {
                window.parent.location.href = "./MemberLogin.me";
        }
        else {
                return;
        }
    }   
</script>




위와같이 URL을 변경함으로서...

iframe을 벋어나는 새로고침 효과를 얻을 수 있었다.





반응형