javascript:警告(alert 消息对话框),确认(confirm 消息对话框)

我们在访问网站的时候,有时会突然弹出一个小窗口,上面写着一段提示信息文字。如果你不点击“确定”,就不能对网页做任何操作,这个小窗口就是使用alert实现的。

注:alert弹出消息对话框(包含一个确定按钮)。

语法:

alert(字符串或变量);  

注意:

1. 在点击对话框"确定"按钮前,不能进行任何其它操作。

2. 消息对话框通常可以用于调试程序。

3. alert输出内容,可以是字符串或变量,与document.write 相似。

 
[javascript]  view plain  copy
  1. <title>alert</title>  
  2.   <script type="text/javascript">  
  3.   function rec(){  
  4.     var mychar="I love JavaScript";  
  5.     alert(mychar);  
  6.   }  
  7.   </script>  
  8. </head>  
  9. <body>  
  10.     <input name="button" type="button" onClick="rec()" value="点击我,弹出对话框" />  
  11. </body>  

确认(confirm 消息对话框)

confirm 消息对话框通常用于允许用户做选择的动作,如:“你对吗?”等。弹出对话框(包括一个确定按钮和一个取消按钮)。

语法:

confirm(str);

参数说明:

str:在消息对话框中要显示的文本
返回值: Boolean值

返回值:

当用户点击"确定"按钮时,返回true
当用户点击"取消"按钮时,返回false

注: 通过返回值可以判断用户点击了什么按钮



[javascript]  view plain  copy
  1. <script type="text/javascript">  
  2.   
  3. function rec()  
  4. {  
  5.     var mymessage=confirm("你喜欢javascript吗?");  
  6.     if(mymessage==true)  
  7.     {  
  8.         document.write("很好,加油!");  
  9.     }  
  10.     else if(mymessage==false)  
  11.     {  
  12.         document.write("要学javascript,而且必须学");  
  13.     }  
  14. }  
  15. </script>  
  16.       
  17. </head>  
  18.   
  19. <body>  
  20.     <input type="button" name="button" value="点击我,弹出确认对话框" onclick="rec()" />  
  21. </body>  


[javascript]  view plain  copy
  1. <script type="text/javascript">  
  2. function resc()  
  3. {  
  4.     var myname=prompt("请输入你的姓名");  
  5.     if(myname!=null)  
  6.     {  
  7.         document.write("你好"+myname);  
  8.     }  
  9.     else  
  10.     {  
  11.         document.write("你好"+朋友);  
  12.     }  
  13. }  
  14. </script>  

[javascript]  view plain  copy
  1. <body>  
  2.     <input type="button" name="button" value="点击我,弹出提问对话框" onclick="resc()" />  
  3. </body>  


猜你喜欢

转载自blog.csdn.net/qq_19004627/article/details/80395770