Javascript 如何打开ChildPage';父页面上的模式弹出窗口是什么?

Javascript 如何打开ChildPage';父页面上的模式弹出窗口是什么?,javascript,modal-dialog,popup,parent,Javascript,Modal Dialog,Popup,Parent,如何在父页面上打开子页面的模式弹出窗口?如图所示,父页面有两个子页面,绿色和蓝色。模式弹出窗口显示在绿色页面上。如何在父页面(中间)打开子页面的模式弹出窗口?查看窗口。postMessage 在子对象中,作为按钮上的onClick处理程序执行以下操作: function openParentModal() { parent.postMessage("openModal", "http://targetorigin.com") // Change origin } 在父项中: functi


如何在父页面上打开子页面的模式弹出窗口?如图所示,父页面有两个子页面,绿色和蓝色。模式弹出窗口显示在绿色页面上。如何在父页面(中间)打开子页面的模式弹出窗口?

查看
窗口。postMessage

在子对象中,作为按钮上的onClick处理程序执行以下操作:

function openParentModal() {
   parent.postMessage("openModal", "http://targetorigin.com") // Change origin
}
在父项中:

function receiveMessage(event) {
   if (event.origin !== "http://targetorigin.com") // Change origin
      return;

   if(event.data == "openModal") { 
      openModal()
   }
}
window.addEventListener("message", receiveMessage, false);

您打算使用什么语言/框架?Cheers我使用Javascripts和html OnlyKay,我先尝试一下,然后告诉你结果。朋友,你的建议是将模式div(openModal)放在父页面中,但我希望将模式div放在子页面中,但显示在父页面的中心。你知道吗?这是不可能的,因为你被限制在iframe的高度和宽度上。在父页面中,您有完整的浏览器窗口来放置模式。