在写前端的页面时,关于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');
本文javascript提示框,警告框以及确认框的如何使用方法到此结束。不论你在什么时候结束,重要的是结束之后就不要悔恨。小编再次感谢大家对我们的支持!