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>
