크로스 도메인시 자식창과 부모창에 메세지 전송

cross domain message

크로스 도메인시 window.opener를 사용하지못하고 서로 접근이 불가능함 그래서 html5에 기술되어 있는 post message라는 것을 이용함

 

크롬
부모
/* * In window A's scripts, with A being on <http://example.com:8080>: */ var popup = window.open(...popup details...); // When the popup has fully loaded, if not blocked by a popup blocker: // This does nothing, assuming the window hasn't changed its location. popup.postMessage("The user is 'bob' and the password is 'secret'", "https://secure.example.net"); // This will successfully queue a message to be sent to the popup, assuming // the window hasn't changed its location. popup.postMessage("hello there!", "http://example.org"); function receiveMessage(event) { // Do we trust the sender of this message? (might be // different from what we originally opened, for example). if (event.origin !== "http://example.org") return; // event.source is popup // event.data is "hi there yourself! the secret response is: rheeeeet!" } window.addEventListener("message", receiveMessage, false);
자식
/* example.org<http://example.org>: */ // Called sometime after postMessage is called function receiveMessage(event) { // Do we trust the sender of this message? if (event.origin !== "http://example.com:8080") return; // event.source is window.opener // event.data is "hello there!" // Assuming you've verified the origin of the received message (which // you must do in any case), a convenient idiom for replying to a // message is to call postMessage on event.source and provide // event.origin as the targetOrigin. event.source.postMessage("hi there yourself! the secret response " + "is: rheeeeet!", event.origin); } window.addEventListener("message", receiveMessage, false);

 

크롬

https://developer.mozilla.org/en-US/docs/Web/API/window.postMessage

 

파폭

https://support.mozilla.org/ko/questions/973817

 

ie

http://msdn.microsoft.com/en-us/library/ie/cc197057(v=vs.85).aspx

 

 

 

 

참조 http://m.blog.naver.com/3yong2ya/220127941953