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>

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM