window.open 객체에 대한 통신 (window.postMessage) - window.open으로 열린 창이 정상적으로 열렸는지 확인 - jQuery & Javascript & CSS



window.open으로 열은 새창이 정상적으로 Load가 되었는지 체크하고, 완료 되었을 경우 계산이 되게끔 하려고 함. 




1
2
3
4
5
6
7
8
9
<script>
//origin main site url - http://main.whereisthissite.com
var cnt = 0;
var windowObj = window.open("http://sub.whereisthissite.com")
windowObj.onload = function(){
    cnt++;
}
</script>
 
cs

하지만... 이렇게 하려면 프로토콜(http, https 등), 호스트네임(hostname), 포트(port) 세가지 모두 동일해야 가능하다고 한다... 이런... 


이를 해결하기 위해선 window.postMessage를 써서 가능하다고 한다. 
방법은 window.open을 하는 main 페이지에서 window.postMessage() window.open을 한 창(이하 sub)에 message를 보내고, sub에서는 그에 대한 응답을 하는 구조로 만든다. 

상세 내용은 하기 URL 참고: 





AD_1