[js]iframe 사용 시 부모 document접근하기(아이프레임)

모달 팝업 사용시 iframe으로 접근할 경우

  $("iframe 내 close btn").click(function(){
    $("body",parent.document).find(".layer").removeClass("on")
  })

.layer → 부모document내 layer틀 역할

iframe 내 파일 삽입

 

부모에 있는 input으로 iframe 스크립트 조절할때

$("부모에 있는 input", parent.document).change(function() {
  //실행될 함수
});

→ 원래창에 있는 input값 변화 시 자식(iframe)에 있는 스크립트 실행

 

부모에서 iframe으로 접근할때

$(".handler").click(function(){
  let target = $("iframe").contents(); 
  target.find(el).addClass("on")
})