JavaScript中如何实现自定义弹窗效果？

本文共计592个文字，预计阅读时间需要3分钟。

JavaScript中的弹窗有警告框、确认框和提示框。警告框常用于确保用户可以获取某些信息。确认框用于验证用户是否接受操作。提示框用于提示用户在输入页面前输入某个值。

javascript中的弹窗有警告框、确认框和提示框。警告框经常用于确保用户可以得到某些信息。确认框通常用于验证是否接受用户操作。提示框经常用于提示用户在进入页面前输入某个值。

本文操作环境：windows10系统、javascript 1.8.5、thinkpad t480电脑。

在 JavaScript 中一共有三种弹窗类型，它们分别是警告框、确认框、提示框。

下面我们一起来简单地看下这三种弹窗类型：

警告框

警告框经常用于确保用户可以得到某些信息。

当警告框出现后，用户需要点击确定按钮才能继续进行操作。

window.alert("sometext");

window.alert() 方法可以不带上window对象，直接使用alert()方法。

确认框

确认框通常用于验证是否接受用户操作。

当确认卡弹出时，用户可以点击 "确认" 或者 "取消" 来确定用户操作。

当你点击 "确认", 确认框返回 true， 如果点击 "取消", 确认框返回 false。

window.confirm("sometext");

window.confirm() 方法可以不带上window对象，直接使用confirm()方法。