[jQuery] jquery로 iframe 다루기

<iframe id="PayIFrame"></iframe>


1. src 바꾸기.
$("#PayIFrame").attr("src", "http://www.shop-wiz.com");

2. iframe  내의 문서 객체 접근
iframe 속의 문서에 <div id="target"></div>

$("#PayIFrame").contents().find("#target").html();


3. 부모문서에 접근
$("#parent_id", parent.document)


4. 부모문서의 다른 iframe 접근
$("#parent_id", parent.frames["frame_id"].document)




자동 iframe 길이 체크하기

function setSize(){
    $("#myIframe").height(500);
}

아래가 실제 코드입니다.
var resizeIframe = function (){
    $("#myIframe").load(function(){
        $(this).height($(this).contents().find('body')[0].scrollHeight);
    });
}
$(function(){
    resizeIframe();
});


<iframe src="" width="1000" height="500" frameborder="0" name="myIframe" id="myIframe" scrolling="no"></iframe>    

setSize는 실제 iframe 크기를 초기화 시키는 작업을 합니다.
iframe 내의 문서에서 parent.setSize()를 호출합니다.

만약 서브 도메인인경우는
parent와 child 에 각각 document.domain = 'domain.com'; 을 정의해서 사용하시면 됩니다.