JS/javascript
javascript parent & iframe
성구님
2017. 1. 9. 22:02
오늘 업무 중 특정 사이트에서 자사의 js파일이 두번씩 호출되는 일이 있었습니다..
문제는 해당 사이트에서 <iframe>을 사용해 웹 페이지를 한 번 더 호출하는 문제였는데
자사의 사이트가 아니기때문에 <iframe>을 건들 수 없었습니다. 자사 스크립트에 특별한 처리를 줘야했는데 도무지 알 수가 없었습니다.
사수님의 도움으로 parent객체를 호출하는 방식으로 스크립트를 수정하기로 했습니다.
if( parent != this){
//iframe...
} else {
//parent...
}
위 코드로 iframe과 parent를 나눠 각각 알맞는 로직을 만들었습니다.
자바스크립트는 기본적으로 parent 호출 시
parent === this === window
방식으로 동작합니다.
내부 iframe 같은 경우
parent == window != this
방식으로 동작하여 각 각의 영역을 나눌 수 있었습니다.