หน้าต่างแจ้ง ()
ตัวอย่าง 1
แจ้งชื่อผู้ใช้และส่งข้อความ:
let person = prompt("Please enter your name", "Harry Potter");
if (person != null) {
document.getElementById("demo").innerHTML =
"Hello " + person + "! How are you today?";
}
ตัวอย่างเพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
วิธี การprompt()
นี้จะแสดงกล่องโต้ตอบที่แจ้งให้ผู้ใช้ป้อนข้อมูล
prompt()
เมธอดจะคืนค่าอินพุตหากผู้ใช้คลิก "ตกลง" ไม่เช่นนั้นจะส่งnull
กลับ
บันทึก
กล่องพรอมต์จะใช้ถ้าคุณต้องการให้ผู้ใช้ป้อนค่า
เมื่อกล่องข้อความปรากฏขึ้น ผู้ใช้จะต้องคลิก "ตกลง" หรือ "ยกเลิก" เพื่อดำเนินการต่อ
อย่าใช้วิธีนี้มากเกินไป ป้องกันไม่ให้ผู้ใช้เข้าถึงส่วนอื่นๆ ของหน้าจนกว่ากล่องจะปิด
ดูสิ่งนี้ด้วย:
ไวยากรณ์
prompt(text, defaultText)
พารามิเตอร์
Parameter | Description |
text | Required. The text to display in the dialog box. |
defaultText | Optional. The default input text. |
คืนมูลค่า
พารามิเตอร์ | คำอธิบาย |
สตริง |
หากผู้ใช้คลิก "ตกลง" ค่าที่ป้อนจะถูกส่งกลับ มิฉะนั้น null จะถูกส่งกลับ |
ตัวอย่างเพิ่มเติม
ขอเครื่องดื่มแก้วโปรด:
let text;
let favDrink = prompt("What's your favorite cocktail drink?");
switch(favDrink) {
case "Coca-Cola":
text = "Excellent choice! Coca-Cola is good for your soul.";
break;
case "Pepsi":
text = "Pepsi is my favorite too!";
break;
case "Sprite":
text = "Really? Are you sure the Sprite is your favorite?";
break;
default:
text = "I have never heard of that one!";
}
รองรับเบราว์เซอร์
prompt()
รองรับในทุกเบราว์เซอร์:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |