javascript - showModalDialog 替代方案?

标签 javascript html

我正在管理一个充满弹出窗口的旧站点。它们很烦人,因为它们总是在主窗口后面迷路。我正在慢慢地将它们转移到一个现代的“灯箱”上,但这是一个缓慢而乏味的过程,因为所有这些弹出窗口都包含表单并且验证是在服务器端完成的,这意味着我需要能够提交表单然后如果在不破坏整个页面的情况下出现错误,请重新呈现它。

我刚刚发现有一个 window.showDialogBox它在 Firefox 中完美运行(阻止您在关闭对话框之前单击主页),但 Chrome 已经弃用它,IE 只支持它的一半。

那么,有没有什么可以同时替换 window.open 以提供更好的用户体验,而无需重写每个表单以通过 XHR 发送和接收 JSON?

最佳答案

您可以使用我的 showModalDialog polyfill使用全新的模式 <dialog>元素,适用于最新的谷歌浏览器。 <dialog>旧版浏览器的 polyfill 是 here .

关于javascript - showModalDialog 替代方案?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24400388/

相关文章:

html - 如何使 HTML 颜色矩形看起来更好?

Javascript 日期对象与每月第一天的问题

javascript window.open 没有为不同的网址打开不同的窗口?

javascript - 使用 JavaScript 或 jQuery 跟踪实际 HTML 元素的 View (与仅页面加载相比)

javascript原型(prototype)继承和对象属性

javascript - 正确使用 Javascript DOM

javascript - 如何用javascript替换HTML字符串中的字符

javascript - 当设备音频正在播放时,视频不会播放,反之亦然

jquery - 需要通过从属性中获取值来为元素分配宽度

javascript - 有没有办法动态加载js文件作为es6模块? (如 $.getScript)