stackoverflow如何创建模态对话框窗口？

Question

当我编辑页面并尝试离开时，我会看到一个对话框，询问我是否要：

  

离开此页或留在此页

在我回答之前，该对话框阻止我做任何事情。

在Javascript中，我看到的唯一类似的东西是window.confirm（message），它给出了OK和Cancel按钮。

那么Javascript中还有另一种方法可以创建一个我不知道的对话吗？请注意，我想随时创建一个对话框，我不想知道页面什么时候关闭，所以这不是Zeta确定的问题的重复。

Answer 1

这里发生的事情不是任何类型的alert（）或confirm（）或prompt（）。

为window.onbeforeunload事件处理程序编写函数，使用传递消息的函数加载参数...

➪➪➪stackoverflow.com/a/1119324/444255

• 它生成的是浏览器的特殊本机对话框。 （你不能用devTools检查它，它不是用HTML制作的......好吧，警报都不是。）
• 您无法为其他目的获得相同的对话框。 （如果有可能，广告业很久以前就会告诉我们; - ）

您只能通过丑陋的警报和兄弟姐妹，或者在页面上放置垫片（以防止点击）和顶部的html制作对话框来“阻止”。哪个应该停止与您的页面的其他交互，但当然不能导航。

Answer 2

JavaScript没有内置模式，只有警报，确认和提示。许多图书馆都制作了自己的模式，例如Bootstrap和jQueryUI。

Answer 3

你的问题不是很清楚。我的理解是你对可用的模型感兴趣。

• window.alert()让您有机会向用户发送通知。
• window.confirm()会弹出一个Ok和Cancel按钮。
• window.prompt()提供了一个弹出窗口，用户可以在其中插入文本。

http://www.w3schools.com/js/js_popup.asp