代替window.showModalDialog模态窗口方法

在JavaScript中，`window.showModalDialog()` 是旧版IE浏览器中的一个API，用于显示模态对话框。然而，随着现代浏览器对HTML5的普及和支持，这个方法已经被弃用，推荐使用更现代、跨浏览器的方式来实现模态效果。

现代的做法通常使用以下技术：

1. **HTML5 Dialogs** (并非完全替代modal，但在支持的浏览器上可用)：`window.showModalDialog` 的功能可以用 `<dialog>` 元素来模拟，比如：

let dialog = document.createElement('dialog');
dialog.innerHTML = '这是模态内容';
dialog.open();

记得在关闭时添加事件监听处理：

dialog.addEventListener('close', function (event) {
  event.preventDefault(); // 阻止默认关闭行为
  dialog.remove(); // 删除元素以释放资源
});

2. **Bootstrap Modal** 或其他前端UI库：如Bootstrap提供了一个完整的模态组件，可以轻松创建响应式的模态窗口。例如：

<button type="button" data-toggle="modal" data-target="#myModal">打开模态</button>
<div id="myModal" class="modal fade">
  <!-- 内容 -->
</div>

然后在JS里初始化它：

var modal = $('#myModal').modal('show');

3. **自定义JavaScript库**：如果你需要更多的定制选项，也可以编写自己的简单弹窗函数，例如使用`CSS`隐藏和显示元素。

由于`window.showModalDialog` 已经过时，尽量避免在新项目中使用，而选择现代浏览器兼容的方式。