在写前端的页面时，关于JS的提示，警告或确认框一直使用一些集成好的JS插件来实现比如layer弹窗插件，很少用到原生JS中自带的弹出提示（吐糟一下，主要因为太丑了）。

js中alert()--警告框

JS中的警告框(alert())，常用于向网站的访客弹出一条提示，比如错误信息等等！

注意：

(1)、alert() 返回的值为 undefined

(2)、alert() 执行时，当前的JS运行是暂停的，只有用户点击确认后，暂停的代码才会继续执行。

示例：

console.log(输出第一条信息); alert(你好); console.log(关闭弹窗后，我才会显示！); console.log(feiniaomy.com);复制

js中confirm()--确认框

js中confirm()，一般用于询问用户是否同意某些条件，比如删除数据时，会询问用户是否确认删除。

注意：

(1)、点击“确定”后，返回 TRUE，点击“取消”按钮返回 FALSE

(2)、confirm() 弹出时，也会阻止其它代码的运行

示例代码：

var isbool = confirm(是否确认删除！！); if(isbool == true){ console.log(我点击的确认按钮！); }else{ console.log(我点击了取消按钮！); }复制

js中的prompt()--提示框

js中的prompt()，一般用于提示用户输入某个值。

注意：

1、点击“取消”返回 null

2、点击“确认”后，如输入框中有内容，则返回内容，如没有内容则返回空

3、prompt() 弹窗在关闭之前，也会暂停其它代码的执行

例1：

var name = prompt(你的名子是？); // 如果 name 的值大于2，则弹出 if(name.length > 0){ alert(name); }复制

例2：

//prompt 的第二个参数为 默认值 var name = prompt(你的网址是？,feiniaomy.com);复制

分享到：