当前位置:Gxlcms > JavaScript > confirm方法怎么使用

confirm方法怎么使用

时间:2021-07-01 10:21:17 帮助过:79人阅读

确认对话框主要用于征得用户对任何选项的同意,它显示一个带有两个按钮:确定和取消的对话框,confirm就是可以用来实现确认对话框的方法,下面我们来看具体的内容。

JavaScript

confirm对话框是使用JavaScript的内置confirm()函数创建的,触发JavaScript confirm()函数时,会弹出一个小框,并显示“确定”按钮和“取消”按钮。

如果用户单击“确定”按钮,则窗口方法confirm()将返回true。如果用户单击“取消”按钮,则confirm()返回false。

我们来看具体示例

代码如下

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title></title>
  6. <script type = "text/javascript">
  7. <!--
  8. function getConfirmation() {
  9. var retVal = confirm("Do you want to continue ?");
  10. if( retVal == true ) {
  11. document.write ("User wants to continue!");
  12. return true;
  13. } else {
  14. document.write ("User does not want to continue!");
  15. return false;
  16. }
  17. }
  18. //-->
  19. </script>
  20. </head>
  21. <body>
  22. <form>
  23. <input type = "button" value = "Click Me" onclick = "getConfirmation();" />
  24. </form>
  25. </body>
  26. </html>

浏览器上显示效果如下

微信截图_20190128142946.png

当点击“Click Me”,将显示如下效果

点击确定将会显示:“User wants to continue!”

同理,点击取消将会显示:“User does not want to continue!”

本篇文章到这里就全部结束了,更多精彩内容大家可以关注Gxl网的相关栏目教程!!!

以上就是confirm方法怎么使用的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行