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){ //返回值为true4 var b=prompt("关注JS高级篇");5 }6 }
输出：
先弹出confirm消息对话框(包括一个确定按钮和一个取消按钮)，显示 “ JS进阶篇 ”，点击确定后，弹出显示 " JS进阶篇 " 的prompt消息对话框（包含一个确定按钮、取消按钮与一个文本输入框），在文本输入框输入 JS进阶篇
prompt的返回值：点击确定按钮，文本框中的内容将作为函数返回值；点击取消按钮，将返回null
confirm的返回值：当用户点击"确定"按钮时，返回true；当用户点击"取消"按钮时，返回false
JS ?prompt和confirm消息对话框 ??小知识点
原文地址：https://www.cnblogs.com/chenyuan7/p/9139388.html