JS prompt和confirm消息对话框 小知识点

Posted 糖分控

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS prompt和confirm消息对话框 小知识点相关的知识，希望对你有一定的参考价值。

 1 <!DOCTYPE html >
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>我们互动下</title>
 6 <script type="text/javascript">

//先prompt，后confirm
 7     function str(){
 8         var a=prompt("JS进阶篇");
 9         if("JS进阶篇"){　　　　//返回值为"JS进阶篇"
10             var b=confirm("关注JS高级篇");
11         }
12     }

13 </script>
14 
15 
16 </head>
17 <body>
18     <input name="button" type="button" onClick="str()" value="提交"/>
19     
20 </body>
21 </html>

输出：

先弹出显示 " JS进阶篇 " 的prompt消息对话框（包含一个确定按钮、取消按钮与一个文本输入框），在文本输入框输入  JS进阶篇  后，就弹出confirm消息对话框(包括一个确定按钮和一个取消按钮)，显示

“ 关注JS高级篇 ”

 

//先confirm，后prompt
1 function str(){
2 var a=confirm("JS进阶篇");
3 if(a==true){　　　　//返回值为true
4 var b=prompt("关注JS高级篇");
5 }
6 }

输出：

先弹出confirm消息对话框(包括一个确定按钮和一个取消按钮)，显示 “ JS进阶篇 ”，点击确定后，弹出显示 " JS进阶篇 " 的prompt消息对话框（包含一个确定按钮、取消按钮与一个文本输入框），在文本输入框输入  JS进阶篇  

 

prompt的返回值：点击确定按钮，文本框中的内容将作为函数返回值；点击取消按钮，将返回null
confirm的返回值：当用户点击"确定"按钮时，返回true；当用户点击"取消"按钮时，返回false

 





以上是关于JS prompt和confirm消息对话框 小知识点的主要内容，如果未能解决你的问题，请参考以下文章

JS弹出对话框函数alert(),confirm(),prompt()

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

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

js 基础

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

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