본문 바로가기

Local Oriented/jQuery

iframe 안에 정의된 자바스크립트 변수를 iframe 밖에서 jQuery 로 접근하는 방법, contentWindow

A.html 안에 아래와 같이 iframe 이 존재하고,

<iframe name="iframe1" id="iframe1"></iframe>


B.html 안에는 아래와 같이 자바스크립트 변수가 존재할때..

<script>

...

var var1 = '어쩌구저쩌구';

...

</script>


A.html 안에서 jQuery 를 사용하여 B.html 안에 있는 변수를 가져다 쓰려면 어떻게 해야 할까요..?

이런 경우.. contentWindow 라는 넘을 사용합니다.

A.html 안에서 $('#iframe1').get(0).contentWindow.var1;


그런데 문제가 있네요.. IE10 에서는 $('...').get(0) 가 작동하지 않으니..

이거, jQuery 버전이 달라지면 해결이 되는 것인지 모르겠네요. jQuery 1.5 에선 작동하지 않아요, IE 10 에서.. ㅠ.