AJAX使HTML5和CSS3程序员可以创建自定义对话框。
JavaScript提供了一些对话框(警报和提示对话框)，但是它们非常难看且相对不灵活。
jQuery UI包含一种用于将任何div转换为虚拟对话框的技术。
该对话框遵循主题，并且可以调整大小和移动。

构建对话框并不困难，但是您需要能够使用代码打开和关闭它，否则它不会像一个合适的对话框(在操作系统中模仿窗口)那样工作：

• 创建要用作对话框的div。

创建一个div并为其指定一个ID，以便可以将其变成对话框节点。
添加标题属性，标题将显示在对话框的标题栏中。

• 将div变成一个对话框。

使用dialog()方法将div转换为init()函数中的jQuery对话框节点：

• 默认情况下隐藏对话框。

通常，您不希望对话框在某些事件发生之前可见。
在此特定示例中，您可能不希望在用户单击按钮之前出现对话框。
您可以在init()函数中放置一些代码以关闭对话框，以便对话框在被召唤之前不会出现。

• 关闭对话框。

要关闭对话框，请参考对话框节点并再次在其上调用dialog()方法。
这次，发送单个值" close"作为参数，对话框将立即关闭：

• 单击X会自动关闭对话框。

该对话框有一个小的X，看起来像大多数窗口系统上的"关闭窗口"图标。
用户可以通过单击此图标关闭对话框。

• 您可以使用代码打开和关闭对话框。

我的打开对话框和关闭对话框按钮调用控制对话框行为的函数。
例如，这是"打开对话框"按钮附带的功能：