如何使这个 JavaScript 弹出窗口模态化？

【问题标题】：How to make this JavaScript popup window modal?如何使这个 JavaScript 弹出窗口模态化？
【发布时间】：2020-03-31 23:57:52
【问题描述】：

这对我来说效果很好，但我需要将其设为模态，这样它就不会在主应用程序屏幕后面丢失。有没有办法轻松地使这个屏幕模式化？

string url = "EditTables.aspx?title=Edit Asset Classifications&prompt=Classification Name&method=GetClassifications&name=ClassificationName&value=ClassificationID";
string script = "window.open ('" + url + "', 'popup_window', 'width=500,height=135,left=200,top=150,scrollbars=0,resizable=no');";

【问题讨论】：

你试过z-index吗？
@andytham z-index 仅适用于在 DOM。

标签： javascript c# modal-dialog popup code-behind

【解决方案1】：

您无法在现代浏览器上制作弹出模式。（曾经有一种不同的方法可以用于弹出模式，但现在已弃用。）

默认情况下，该窗口应出现在打开它的窗口前面。您还可以通过在open 返回的窗口上调用focus 来响应对打开窗口文档的点击，以将另一个窗口置于前台（当您从弹出窗口中看到unload 事件时停止）。

如果您在模态中显示的内容不是必须是一个单独的窗口，您可能会考虑根本不使用单独的窗口，而是使用绝对定位的div或类似的，其后面的元素覆盖了窗口的整个其余部分，这样它就可以防止点击和类似的东西到达它下面的元素。但是，如果它必须是一个单独的窗口，那么除了 focus 之外，您无能为力。

【讨论】：

谢谢，T.J.我害怕那个。