javascript对话框
javascript对话框只要有3种方式:alert()使用频率比较高 prompt() confirm()
1.alert() 方法会创建一个独立的小窗口---对话框。
alert代码示例:
1 <html>
2 <head><title>alert的实例</title></head>
3 <body>
4 <script type="text/javascript">
5 alert("这是alert的输出方法");
6 alert("好的,我知道了");
7 </script>
8 </body>
9 </html>
2.prompt()方法用来要求用户输入少量的信息,该方法有两个参数:一个文本字符串向用户提出问题,第二个文本字符串是文本框中显示的初始默认值,如果第二个参数为空字符串,文本框就什么也不显示。用户在文本框中输入一个值,按OK按钮后会将该值传递给变量,没输入值,按OK按钮会传递null。
prompt代码示例:
1 <html>
2 <head><title>prompt的实例</title></head>
3 <body>
4 <script type="text/javascript">
5 var name=prompt("你叫什么名字","linknan"); //你叫什么名字为像用户提出问题。 linknan为文本框的初始默认值
6 alert(name); //如果在文本框输出小明,就会把小明这个值传递给name并以对话框的形式弹出。
7 </script>
8 </body>
9 </html>
1 <html>
2 <head><title>prompt的实例</title></head>
3 <body>
4 <script type="text/javascript">
5 var name=prompt("你叫什么名字","")
6 if(name==null){ //如果用户点击了取消按钮
7 alert("你没告诉我你叫什么名字哦!"); //就输出:你没告诉我你叫什么名字哦!
8 }
9 else{
10 alert(name+"是个好名字哦!") //如果用户输入了小明这个值,就输出小明是个好名字哦!
11 }
12 </script>
13 </body>
14 </html>
3.confirm()方法用来确认某一问题的答案,按确定按钮,对话框会返回ture,按取消按钮,对话框会返回false。用户必须单击其中一个按钮才能使程序继续执行。
confirm代码示例:
1 <html>
2 <head><title>prompt的实例</title></head>
3 <body>
4 <script type="text/javascript">
5 if(confirm("你是好人吗?") == true){ //如果用户单击了确定按钮
6 alert("原来你真是一个好人"); //输出:原来你真是一个好人
7 }
8 else{
9 alert("你是一个坏人"); //如果用户单击了取消按钮,就会输出:你是一个坏人
10 }
11 </script>
12 </body>
13 </html>