confirm和alert的区别

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了confirm和alert的区别相关的知识,希望对你有一定的参考价值。

参考技术A 分类: 电脑/网络 >> 程序设计 >> 其他编程语言
问题描述:

在JS中,confirm和alert都是弹出窗口,他们有区别吗?

解析:

firm 是确认 带返回值的

if(firm("确认"))



alert("你按了确认");



else



alert("你按了取消!");

这样说可能更好理解

JavaScript 和 jQuery $.alert alert $.confirm confirm 的对比

JavaScript 和 jQuery  弹窗对比

javascript 的三种弹框对象隶属于window对象,并且都会阻塞当前事件和脚本,直到用户操作完成才会继续执行后续事件和脚本.不能使用html元素.

jQuery(jquery-confirm插件) jQuery的弹出窗口是通过html元素和一些js事件模拟出来的,隶属于document对象,而且不能够阻塞其他的事件和脚本执行.

 

:

jQuery 脚本

脚本1:

var $confirm= $.confirm(‘是否继续?‘);  //执行后返回当前弹窗的jQuery对象
location.reload()


 

这个脚本,并不会等待用户点击确定后,才继续执行下面的重载操作.

$.confirm只是生成了一个新的html元素,css控制展现出了弹窗效果.

然后在确定和取消按钮上绑定了js事件,用户点击时触发回调函数.

此时$.confirm的任务已经完成了,并不会等到用户点击了确认或者取消按钮后才执行后续操作.

这种情况,后面的语句当然会继续执行,所以页面会直接刷新,不会去等待用户操作.

 

脚本2:

把需要确定后才能执行的操作,放到到弹窗的回调函数中,来防止用户没有操作时页面就被刷新

$.confirm({
    title: ‘我是标题‘,
    content: ‘是否继续?‘,
    buttons: {
        confirm: function () {
            location.reload()
        },
        cancel: function () {
            $.alert(‘Canceled!‘);
        }
    }
});


 

JavaScript脚本

var ret=confirm(‘是否继续?‘);   //返回true或者false
location.reload()


confirm属于window对象,可以阻塞当前页面,直到用户点击确认或者取消按钮时,当前页面才会刷新.

 

JavaScript的几种弹窗

不能使用html元素定制页面展示.

警告消息框 (alert

弹出提示消息.

确认消息框 (confirm

弹出一个消息,点击确认返回true点击取消返回false

提示消息框 (prompt

弹出输入框,点击确认返回输入框内内容,点击取消返回null

 

jQuery jquery-confirm

 

可以使用html元素定制弹窗展示,可以使用回调函数.

把所有的脚本操作放入回调函数内,可以防止例子中的页面被刷新.

 

https://craftpip.github.io/jquery-confirm/


本文出自 “quxf2012” 博客,请务必保留此出处http://quxf2012.blog.51cto.com/12149748/1872114

以上是关于confirm和alert的区别的主要内容,如果未能解决你的问题,请参考以下文章

自定义弹窗——alert、prompt、confirm

alert() confirm() prompt() 的区别?

alert()confirm()和prompt()的区别与用法

alert()confirm()和prompt()的区别与用法

alert()confirm()和prompt()的区别与用法

请问Javascript 中的alert, confirm , prompt