หน้าต่าง prompt() Method

ตัวอย่าง

แสดงกล่องพรอมต์ซึ่งขอให้ผู้ใช้สำหรับเธอชื่อ / ของเขาและเอาท์พุทข้อความ:

var person = prompt("Please enter your name", "Harry Potter");

if (person != null) {
document.getElementById("demo").innerHTML =
"Hello " + person + "! How are you today?";
}

ลองตัวเอง»

เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง

ความหมายและการใช้งาน

prompt() วิธีการแสดงกล่องโต้ตอบที่แจ้งให้ผู้เข้าชมสำหรับการป้อนข้อมูล

กล่องพรอมต์มักจะใช้ถ้าคุณต้องการให้ผู้ใช้ป้อนค่าก่อนที่จะเข้าหน้า

หมายเหตุ: เมื่อกล่องพร้อมท์ปรากฏขึ้นผู้ใช้จะต้องคลิก "OK" หรือ "Cancel" เพื่อดำเนินการต่อหลังจากที่ป้อนค่าการป้อนข้อมูล อย่ามากเกินไปวิธีนี้มันป้องกันผู้ใช้จากการเข้าถึงส่วนอื่น ๆ ของหน้าจนกว่ากล่องปิด

prompt() วิธีการส่งกลับค่าการป้อนข้อมูลหากผู้ใช้คลิก "OK" หากผู้ใช้คลิก "cancel" วิธีการส่งกลับ null

สนับสนุนเบราว์เซอร์

วิธี
prompt()	ใช่	ใช่	ใช่	ใช่	ใช่

วากยสัมพันธ์

prompt( ค่าพารามิเตอร์

พารามิเตอร์	ชนิด	ลักษณะ
text	String	จำเป็นต้องใช้ ข้อความที่จะแสดงในกล่องโต้ตอบ
defaultText	String	ไม่จำเป็น. ข้อความที่ป้อนข้อมูลเริ่มต้น

รายละเอียดทางเทคนิค

กลับค่า:	สตริง. หากผู้ใช้คลิก "OK" ค่าการป้อนข้อมูลจะถูกส่งกลับ หากผู้ใช้คลิก "cancel" , null จะถูกส่งกลับ หากผู้ใช้คลิกตกลงโดยไม่ต้องป้อนข้อความใด ๆ สตริงที่ว่างเปล่าจะถูกส่งกลับ

กลับค่า:

สตริง. หากผู้ใช้คลิก "OK" ค่าการป้อนข้อมูลจะถูกส่งกลับ หากผู้ใช้คลิก "cancel" , null จะถูกส่งกลับ หากผู้ใช้คลิกตกลงโดยไม่ต้องป้อนข้อความใด ๆ สตริงที่ว่างเปล่าจะถูกส่งกลับ

ตัวอย่างอื่น ๆ

ตัวอย่าง

การใช้คำสั่งสวิทช์ร่วมกับ prompt() ในการดำเนินการบล็อกของรหัสบนพื้นฐานของข้อมูลของผู้ใช้:

var text;
var favDrink = prompt("What's your favorite cocktail drink?");
switch(favDrink) {
    case "Martini":
        text = "Excellent choice! Martini is good for your soul.";
        break;
    case "Daiquiri":
        text = "Daiquiri is my favorite too!";
        break;
    case "Cosmopolitan":
        text = "Really? Are you sure the Cosmopolitan is your favorite?";
        break;
    default:
        text = "I have never heard of that one..";
        break;
}

ลองตัวเอง»