这篇文章将为大家详细讲解有关如何使用confirm方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
confirm对话框是使用JavaScript的内置confirm()函数创建的,触发JavaScript confirm()函数时,会弹出一个小框,并显示“确定”按钮和“取消”按钮。
如果用户单击“确定”按钮,则窗口方法confirm()将返回true。如果用户单击“取消”按钮,则confirm()返回false。
我们来看具体示例
代码如下
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type = "text/javascript"> <!-- function getConfirmation() { var retVal = confirm("Do you want to continue ?"); if( retVal == true ) { document.write ("User wants to continue!"); return true; } else { document.write ("User does not want to continue!"); return false; } } //--> </script> </head> <body> <form> <input type = "button" value = "Click Me" onclick = "getConfirmation();" /> </form> </body> </html>
浏览器上显示效果如下
当点击“Click Me”,将显示如下效果
点击确定将会显示:“User wants to continue!”
同理,点击取消将会显示:“User does not want to continue!”