js弹出框怎么写

在 javascript 中编写弹出框有三种方法：alert() 函数显示一条消息。confirm() 函数带有“确定”和“取消”按钮，并返回一个布尔值。prompt() 函数带有输入字段，并返回用户输入的文本。

JS 弹出框的编写方法

方法 1：alert() 函数

alert() 函数是最简单的弹出框创建方法。它在浏览器中打开一个对话框，显示一条消息。

语法：

alert("消息");

登录后复制

示例：

alert("欢迎来到我的网站！");

登录后复制

方法 2：confirm() 函数

confirm() 函数创建一个带有“确定”和“取消”按钮的弹出框。它返回一个 Boolean 值，表示用户单击了哪个按钮。

语法：

confirm("确认您的操作吗？");

登录后复制

示例：

if (confirm("是否删除此文件？")) {
  // 删除文件
} else {
  // 取消操作
}

登录后复制

方法 3：prompt() 函数

prompt() 函数创建一个带输入字段的弹出框。它返回用户输入的文本。

语法：

prompt("请输入您的姓名：");

登录后复制

示例：

let name = prompt("请输入您的姓名：");
console.log("您的姓名是：" + name);

登录后复制

提示：

• 弹出框被视为中断，因此应谨慎使用。
• 使用 alert() 函数只显示消息，而 confirm() 和 prompt() 函数允许用户输入。
• 弹出框可以通过 CSS 进行样式化。

以上就是js弹出框怎么写的详细内容，更多请关注叮当号网其它相关文章！