<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'; 을 정의해서 사용하시면 됩니다.