JavaScript提供三種類型的彈出框,Alert, Prompt, 和 Confirm。
Alert 警告框
當彈出警報框時,用戶必須單擊“確定”繼續(xù)。
警報功能采用單個參數,即彈出框中顯示的文本。
例如:
alert("你好,這是一個警告框,你必須點確定?");
要在警告框中顯示換行可以使用 \n :
alert("Hello\nHow are you?");
提示: 使用 alert 彈出框,將阻塞整個頁面的運行,點擊確定后才繼續(xù)運行.
Prompt 框
通常使用提示框來讓用戶輸入一個值。
當彈出提示框時,輸入輸入值后,用戶將不得不單擊“確定”或“取消”繼續(xù)。
如果用戶單擊確定,該框將返回輸入值。如果用戶單擊取消,該框將返回null。
prompt() 方法有兩個參數
- 第一個是要在文本框中顯示的標簽。
- 第二個是在文本框中顯示的默認字符串(可選)。
例子:
var user = prompt("請輸入你的名字:"); alert(user);
var name =("你的名字是:");alert();
Confirm 框
經常使用 confirm 讓用戶驗證或接受某些內容。
當彈出確認框時,用戶必須單擊“確定”或“取消”繼續(xù)。
如果用戶單擊確定,該框將返回 true。如果用戶單擊取消,該框將返回 false。
例子:
var result = confirm("你確定要離開這個頁面?"); if (result == true) { alert("感謝你的光臨!"); } else { alert("感謝你繼續(xù)使用我們的服務!"); }
當選擇確定時:
當選擇取消時: