개발정리

javascript parent & iframe 본문

JS/javascript

javascript parent & iframe

성구님 2017. 1. 9. 22:02
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

오늘 업무 중 특정 사이트에서 자사의 js파일이 두번씩 호출되는 일이 있었습니다..


문제는 해당 사이트에서 <iframe>을 사용해 웹 페이지를 한 번 더 호출하는 문제였는데


자사의 사이트가 아니기때문에 <iframe>을 건들 수 없었습니다. 자사 스크립트에 특별한 처리를 줘야했는데 도무지 알 수가 없었습니다.


사수님의 도움으로 parent객체를 호출하는 방식으로 스크립트를 수정하기로 했습니다.


if( parent != this){

//iframe...

} else {

//parent...

}


위 코드로 iframe과 parent를 나눠 각각 알맞는 로직을 만들었습니다.




자바스크립트는 기본적으로 parent 호출 시


parent === this === window

방식으로 동작합니다.




내부 iframe 같은 경우

parent == window != this


방식으로 동작하여 각 각의 영역을 나눌 수 있었습니다.

'JS > javascript' 카테고리의 다른 글

javascript / Chapter4. 함수 1  (0) 2017.01.31
javascript / Chapter3. 객체  (0) 2017.01.23
javascript / Chapter2.자바스크립트의 좋은 문법들 - 요약  (0) 2017.01.23
javascript 객체 참조(2)  (0) 2017.01.10
javascript 참조  (0) 2017.01.09
Comments