서로다른 도메인에서 Iframe 사용시 크로스 브라우저 문제

A 부모페이지

B Iframe 자식페이지라고 가정했을때

A의 도메인 : abc.test.com

B의 도메인 : test.com이라고 했을때

B에서 A 부모의 함수를 호출할때

<script>

parent.test(); 
</script>

이런식으로 호출했을때 크로스 브라우저 문제가 발생한다. 이를 해결하기 위해선

 

A 페이지와 B 페이지에

document.domain = 'test.com';

하나의 도메인을 선언해주면 크로스 도메인 해결.

 

PS)같은 호스팅이지만 다른 서브도메인이거나 다른 포트일경우에는 해결되지만 다른 호스팅일 경우엔 저렇게 해결되지 않는다.