消息對話框:是內置函數。將結果直接以對話框的形式直觀地顯示結果。
常用的消息對話框有3種。
警示對話框(alert)、確認對話框(confirm)和提示對話框(prompt)3種。
1. 警示對話框
警示對話框的關鍵字是alert,因為它本質上是JAVAScript內置函數,所以在應用時直接輸入alert( )即可。
alert()對話框的功能是直接在頁面上以對話框的形式輸出字符串或者輸出變量的值。
alert()對話框在輸出時除顯示輸出的內容外,對話框中還有一個“確定”按鈕,當單擊這個“確定”按鈕后,會關閉對話框。
括號內字符串和變量用+連接。
//window.alert("我愛學習JS");
//alert("我是大學生了。n我成年了。");
var school = "棗莊科技職業學院";
//alert(school + "歡迎你的到來!");
2. 確認對話框
確認對話框的關鍵字是confirm,同alert()對話框一樣,在本質上也是JavaScript內置函數,所以在應用時直接輸入confirm()即可。
confirm()對話框的功能同alert()對話框功能十分相似,不同之處是confirm對話框有“確認”“取消”兩個按鈕。并且在單擊“確定”按鈕后會返回布爾值true,單擊“取消”按鈕將返回布爾值false。
//判斷要去的地方。
var flag=confirm("你是學生嗎?");//可以判斷你的選擇
var place= major ? "請到學校操場集合。" : "請到學校廣場集合。"; //條件表達式: 表達式?為真執行:為假執行
document.writeln(place);
3. 提示對話框
提示對話框的關鍵字是prompt,同alert()、confirm()對話框一樣,在應用時直接輸入prompt( )即可。
prompt()對話框不但提供帶有“確定”“取消”兩個按鈕,而且還提供一個用戶可以用鍵盤輸入的文本框,通過這個文本框可以實現系統與用戶的交互功能。
prompt()提示對話框是一個具有人機交互功能的消息對話框。
//提示對話框
var name = "";
name = prompt("你的名字是:");
document.write("</br>")
document.write(name, " 同學,歡迎來到美麗的學校!");