1.Iframe 사용 Tip 2. Iframe 주의사항

1. 제 5회 R&D 컨퍼런스 개인 프로젝트 발표
2014. 11.24
Version : 1.0.0
This material is proprietary to DGMIT. It contains trade secrets and confidential information which is solely the property of DGMIT.
This material is solely for the Client’s internal use. This material shall not be used, reproduced, copied, disclosed, transmitted,
in whole or in part, without the express consent of DGMIT © All rights reserved.
made by 최성찬
R&D 2 TEAM

2. 2
CONTENTS.
1. Iframe 사용 Tip
2. Iframe 주의 사항

3. 1.
Iframe 사용 Tip
Iframe 사용시 Tip
●Iframe 내부의 Dom접근
●Iframe 내부의 Window 접근
HTML
id=”iframe1”
id=”iframe2”

4. 1.
Iframe 사용 Tip
Iframe 내부의 Dom 접근
1. Iframe의 Element 접근
2. Iframe의 속성 중 contentDocument 사용
ex) document.getElementById('iframe1').contentWindow
Ifame 내부의 Window 접근
1. Iframe의 Element 접근
2. Iframe의 속성 중 contentDocument 사용
ex) document.getElementById('iframe2').contentDocument

5. 2.
Iframe 사용 주의사항
Iframe 사용시 주의사항
* jquery의 index 주의
Iframe의 내부 Element에서 jquery 의 index() 사용시 무조건 -1 반환
→ Iframe 자체가 Dom에 속하기 때문

6. 2.
Iframe 사용 주의사항
Dom을 이용해 자식 인덱스 구하기
var nowElementIndex = function(_element){
var nowElement = _element;
var element = nowElement.parentElement.children;
for(var i=0,j=element.length; i<j; i++){
if(element[i]==nowElement){
return i;
break;
}
}
}

7. 본사/기업부설연구소 : 135-874 서울특별시 삼성동 봉은사로 424 TROA빌딩 5층
Tel. 070-8680-1770 Fax. 02-2179-9114 http://www.dgmit.com