如何自定义和设计 `alert()` 框？答案

【问题标题】：How to custmize & Design the `alert()` box?如何自定义和设计 `alert()` 框？
【发布时间】：2013-04-27 17:33:22
【问题描述】：

这是我website's 页脚中的脚本，它将检查计算机中是否安装了特定字体。如果安装与否，它会提示警告框。我要自定义：

警报框的设计
用同样有下载链接的“下载”按钮替换“确定”按钮。
在新段落中写一些 RTL 单词。例如乌尔都语单词آپ کے کمپیوٹر میں۔۔۔۔

【问题讨论】：

你可以使用灯箱插件
@XacaXulu 你可以在网站页脚看到代码
不要用新问题替换您现有的问题来规避您的问题禁令 - 这是不允许的。阅读提供给您的帮助链接。
@BoltClock 我已经被ban了！但我不知道为什么。
这里又是帮助链接：stackoverflow.com/help/question-bans

【解决方案1】：

接受它不会是一个 alert() 框，而只是普通的 HTML+CSS。因此，您只需使用任何您想要的按钮和您希望它的外观将框放置在您想要的任何位置。或者，如果是这样，您会希望它们是已经为您完成此操作的插件（尽管它们当然会限制您的选择）。例如，如果您使用 jquery，您可能想查看 jQuery UI（特别是 jQuery UI 的 dialog component）。

【讨论】：

这是个好主意，但如何调用 HTML 框架？请提供一些指导。
非常简单的例子：jsfiddle.net/bEGMD/1 虽然还有很多其他方法可以达到相同的效果。
谢谢。这很好，正是我想要的。但我需要更多帮助。请别介意。我是 JS 新手。现在如何将链接放在将在同一窗口/选项卡中打开的“下载”按钮上。还有一个问题是JS对网站加载速度有影响吗？
jsfiddle.net/bEGMD/2 一切都会影响网站加载速度，但影响非常小，这是您永远不必担心的一件事。

【解决方案2】：

您必须使用 jquery 对话框进行此类自定义。使用this link

【讨论】：

使用这个插件而不是自定义警报框是正确的。定制更加灵活。感谢您的精彩分享。

【解决方案3】：

我使用 Sweetalert 来设计警报框。它简单，简单，高效。这里是下载SweetAlert的链接和Here的示例代码

【讨论】：