子弹出窗口显示在父弹出窗口顶部答案

【问题标题】：Child popup window shown on top of parent popup window子弹出窗口显示在父弹出窗口顶部
【发布时间】：2016-09-01 08:55:42
【问题描述】：

我有以下代码 sn-p 用于打开应位于父窗口顶部的子窗口

"var a = window.open('" + url + "', '_blank','height=400,width=400,status=yes,toolbar=no,menubar=no,location=no');";

但是，弹出窗口正在打开，并且未显示在父窗口的顶部。

并且我想保持子窗口堆叠，并且在我关闭已经打开的子窗口弹出窗口之前不允许打开其他子窗口。

这个问题只存在于IE浏览器中。

【问题讨论】：

"no other child windows should be allowed to open until I close the already opened child window popup." 我不认为这是可能的（或道德的）。以及控制您的窗口是否在父窗口之上。
这可能会有所帮助 - stackoverflow.com/questions/5660700/…

标签： javascript html

【解决方案1】：

$(document).ready(function(){
$('#popup-btn').click(function(){
setTimeout(function(){
$('#popup').css('display','block');
},10);
});
});

#parant{
width:300px;
height:300px;
 background:#ff8800;
 margin:10px auto;
   border-radius:15px;
}
#popup{
 display:none;
  width:300px;
  height:300px;
  background:#ff8800;
  margin:10px auto;
  border:1px solid blue;
  border-radius:15px;
}
.name{
  width:100%;
  height:50px;
  background:blue;
  color:#fff;
  text-align:center;
  border-radius:15px 15px 0px 0px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="popup">
<div class="name">Child Popup</div>
</div>
<div id="parant">
  <div class="name">Parant Popup</div>
<button id="popup-btn">POPUP</button>
</div>

【讨论】：

我展示的代码 sn-p 不支持 jquery，它只支持 Javascript。谢谢
我必须通过如下的javascript代码String javascript = "var a = window.open('" + url + "', 'a','height=400,width=400,status=yes,toolbar=no,menubar=no,location=no'); ";
你想要 JavaScript 中的代码吗
是的，我必须通过如下的javascript代码String javascript = "var a = window.open('" + url + "', 'a','height=400,width=400,status=yes,toolbar=no,menubar=no,l‌ocation=no'); ";

【解决方案2】：

试试这个..

定义“顶部”

var a = window.open('" + url + "', '_blank','height=400,width=400,status=yes,toolbar=no,menubar=no,location=no,top=0,left=0');

参考这个链接

https://developer.mozilla.org/en-US/docs/Web/API/Window/open

【讨论】：

我已经尝试过了，但是，孩子不会停留在父窗口的顶部。
参考这个。它可能会有所帮助。 stackoverflow.com/questions/13965584/…

【解决方案3】：

<script>
function popup(){
document.getElementById('pop-div').style.display="block";
}
</script>
<body>
  <div style="width:100px; height:100px;display:none;" id="pop-div"></div>
  <button onclick="popup();">pop</button>
</body>

【讨论】：