JavaScript 弹出框

弹出框是网络上最常用的 JavaScript 功能之一。这是创建一个的方法。

我相信我们都熟悉广泛的 鄙视 喜欢 JavaScript 弹出框？

我的意思不是JavaScript 弹出窗口（可能更受喜爱！）。我的意思是，一个显示消息的弹出框，以及好的 按钮。

根据弹出框的不同，它可能还有一个 取消按钮，您可能还会被提示输入一些文本。这些都内置在 JavaScript 中，我称之为“JavaScript 弹出框”。它们也可以称为“对话框”、“JavaScript 对话框”、“弹出对话框”等。

虽然 JavaScript 弹出窗口可能很烦人，但它们也可以用作 Web 应用程序的一个完整且有效的部分。

弹出窗口的类型
JavaScript 提供了三种不同类型的弹出框供您使用。他们来了：

警报
向用户显示一条消息。例子：

要创建 JavaScript 警报框，请使用alert()方法。下面是一个例子：

确认
要求用户确认某事。通常，这与用户尝试执行的另一个（潜在重要的）操作相结合。例子：

要创建 JavaScript 确认框，请使用confirm()方法。下面是一个例子：

迅速的
提示用户提供信息。例子：

要创建 JavaScript 提示，请使用prompt()方法。下面是一个例子：

请注意，用户的浏览器决定了弹出框的实际外观。这是因为我们的弹出代码只是告诉浏览器“用这条消息显示这种类型的弹出窗口”。由浏览器使用指定的消息呈现正确类型的弹出窗口。

将 JavaScript 与 HTML 集成
您会注意到（上面的）示例弹出窗口在您加载此页面后并未立即出现。它们仅在您单击相关按钮后才会出现。这是因为我在每个 HTML 按钮中放置了代码，所以当它被点击时，它会触发我们的 JavaScript。

这是在网络上使用 JavaScript 的一种非常常见的方式。通过将 JavaScript“附加”到我们的 HTML 元素，我们可以使我们的页面对用户的操作更加敏感。