javascript / 부모창 함수 제어 / 실행 / 팝업 / popup / iframe / 아이프레임

2019. 3. 8. 18:33퍼블리싱

안녕하세요

아이굿입니다.


오늘은 javascript로 팝업을 제어하는 방법을 알려드리려고 합니다.


먼저 부모창에 function test(){}이라는 함수가 있다고 가정한다.


1)팝업창의 경우 다음과 같이 작성한다.

opener.test();

// 함수가 있는지 확인

if(opener.test){

      alert("함수 있음");

}


2)iframe의 경우 다음과 같이 작성한다.

parent.test(); 

 

3) 부모창에서 iframe내 함수접근은 다음과 같다.

   var ifr = document.getElementById('iframeID');

    ifr.contentWindow.function_name();

 

부모창에서 'iframeID'이라는 iFrame에 지정된 페이지의 function_name()함수에 접근하는 방법이다.

 

4) <a href='www.url.com' target='_parent'>link</a>으로 지정해도 된다.

 

물론 자바스크립트를 제어하는 것은 아니라서 parent.location.href='www.url.com';과 동일한 효과만 볼수 있다.

 페이지 이동에 국한하여 사용할 수 있는 태그이다.

 기초적이고 간단한 것인데 종종 잊어먹곤 하니 유의할 것.



출처: https://cofs.tistory.com/24?category=627149 [CofS]

1 2 3 4 5 6 7 8 9 ··· 45