[Javascript] iframe에서 부모 변수 가져오기

지금 다니는 회사에서는 팝업이든 새창이든 컨텐츠를 iframe으로 보여주는 경우가 많다

보통 부모창에서 iframe 안에 요소를 가져오거나 반대의 경우가 최근 자주 보게 되어 기록하게 되었다.

오늘은 iframe 내부에서 부모가 사용하는 변수 가져오기! (반대 경우보다 좀 쉽다)

 

간단한 html 예

간단하게 같은 경로에 위치한 곳에 있는 파일이라고 가정하고 openLabel 이라는 변수를 생성해두었다

 

iframe내부에서는 아래 코드만 작성하면 된다

window.top.가져올변수이름

  <script>

    var label = window.top.openLabel;

    console.log(label);

  </script>

쉽다.

다음엔 반대의 경우 부모창에서 iframe의 내부에 진입해보자!