개발개발/Web

iframe 하위 페이지 값 가져오기

꾸냥 2011. 1. 5. 18:44
iframe 에서 페이지 로딩시 해당 페이지의 정보를 가져오는 방법

[소스]
$('아이프레임이름').load(function() {
    $(this.contentDocument).height();
});


[작동원리]
1. 아이프레임에서 페이지를 로딩할때까지 기다린다
2. 로딩되면 해당 아이프레임이 불러온 페이지의 컨텐츠(contentDocument)를 불러온다.
3. 해당 컨텐츠의 정보를 가지고 세부 정보들을 가져온다.

[핵심]
contentDocument 라는 javascript 기본 함수를 몰랐음. 후... 개고생 했는데 다행이 깔끔하게 마무리졌네.

[2011. 01. 13 - 덧붙임]
테스트하던 중 위의 방법이 특정 브라우저에서 작동아 안되었다. IE8 계속 이것만 쓰고 있어서 몰랐는데 IE8 부터 작동 하는 소스임
하위 버전을 호환 시키기 위해서는

$('아이프레임이름').load(function() {
    $(this.contentWindow.document.body).height();
});


로 사용함됨
반응형