欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

confirm方法怎么使用

程序员文章站 2022-03-12 21:18:46
...

confirm方法是用来实现确认对话框的方法,其使用方法:首先创建一个HTML示例文件;然后使用JavaScript的内置confirm()函数创建confirm对话框即可。

confirm方法怎么使用

本文操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

确认对话框主要用于征得用户对任何选项的同意,它显示一个带有两个按钮:确定和取消的对话框,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>

浏览器上显示效果如下

confirm方法怎么使用

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

confirm方法怎么使用

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

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

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

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

相关标签: confirm