본문 바로가기

javascript

jquery iframe 제어하기

1. 부모 html에서 자식 iframe 접근, 제어

window.frames /* iframe 접근 */

window.frames.length /* iframe 길이 */ 

window.frames[0].document /* iframe document 객체 */ 


$("iframe ID").contents() /* 자식 document */
$("iframe ID").contents().find("#child") /* 자식의 아이디값이 child인 태그 */
$("iframe ID")[0].contentWindow.child() /* 자식 함수 접근 */ 
$("iframe ID").get(0).contentWindow.child() /* 자식 함수 접근 */
$("iframe ID")[0].contentWindow.child/* 자식 child 변수 접근 */ 
$("iframe ID").get(0).contentDocument.location.reload() /* 자식 iframe 리 로드 */

2. 자식 iframe에서 부모 html 접근, 제어

$("#parent", parent.document)); /* 부모 html의 아이디값이 parent */

$("#parent", parent.document).contents().find("body"); /* 부모 html의 body */