open:html5

HTML5

크롬에서, 로컬파일끼리 데이터를 전달하지 못하는 문제점이 발생함.

팝업 오픈시에, 차일드 윈도우 값을 가지고 있는다.
<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>


  • open/html5.txt
  • 마지막으로 수정됨: 2020/06/02 09:25
  • 저자 127.0.0.1