Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 클로저
- 리팩토링이란
- 정규표현식
- 자바스크립트 정규표현식
- 자바스크립트 유효범위
- Safari
- 프로토타입 상속
- 리팩토링
- 변수명
- 자바스크립트 모듈
- 자바스크립트 문법
- 자바스크립트 함수
- mysql #mysql최적화 #최적화
- 자바스크립트 클로저
- 네이밍
- 자바스크립트
- 자바스크립트 정규식
- 자바스크립트 배열
- 의미있는 이름
- 프로토타입
- 리팩토링 기법
- 자바스크립트 콜백
- 리팩토링기법
- 자바스크립트 객체
- 모듈
- 클린코드
- 정규식
- 콜백
- 자바스크립트 상속
- 자바스크립트 메소드
Archives
- Today
- Total
개발정리
javascript parent & iframe 본문
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