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

 

posted @ 2018-06-05 13:45  糖分控  阅读(578)  评论(0)  编辑  收藏  举报