HTML5
Cross-document messaging
크롬에서, 로컬파일끼리 데이터를 전달하지 못하는 문제점이 발생함.
팝업 오픈시에, 차일드 윈도우 값을 가지고 있는다.
<sxh javascript>
var popUrl = “./sub/show.html”; 팝업창에 출력될 페이지 URL
var popOption = “width=850, height=600, resizable=no, scrollbars=yes, status=no;”; 팝업창 옵션(optoin)
childWin = window.open(popUrl,“”,popOption);
</sxh>
차일드에서 postMessage
를 호출한다. 메시지 처리 함수도 등록한다.
<sxh javascript>
$(document).ready(function() {
window.opener.postMessage('getData', '*');
});
window.onmessage = function(e){
data = e.data; angular.element('#infoCtrl').scope().setData(data);
}
</sxh>
부모창에서, postMessage
를 호출한다.
<sxh javascript>
window.onmessage = function(e){
if (e.data == "getData"){ childWin.postMessage(data, '*'); }
}
</sxh>
관련 문서
Plugin Backlinks: 아무 것도 없습니다.