首页 > Web开发 > 详细

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

时间:2018-06-05 14:31:40      阅读:141      评论:0      收藏:0      [点我收藏+]
 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消息对话框 小知识点

原文:https://www.cnblogs.com/chenyuan7/p/9139388.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!