在写前端的页面时,关于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');