กล่องป๊อปอัป JavaScript
JavaScript มีกล่องป๊อปอัปสามประเภท: กล่องแจ้งเตือน กล่องยืนยัน และกล่องพร้อมท์
กล่องแจ้งเตือน
มักจะใช้กล่องแจ้งเตือนหากคุณต้องการให้แน่ใจว่าข้อมูลส่งผ่านไปยังผู้ใช้
เมื่อกล่องแจ้งเตือนปรากฏขึ้น ผู้ใช้จะต้องคลิก "ตกลง" เพื่อดำเนินการต่อ
ไวยากรณ์
window.alert("sometext");
วิธี การwindow.alert()นี้สามารถเขียนได้โดยไม่ต้องมีหน้าต่างนำหน้า
ตัวอย่าง
alert("I am an alert box!");
กล่องยืนยัน
กล่องยืนยันมักใช้หากคุณต้องการให้ผู้ใช้ตรวจสอบหรือยอมรับบางสิ่ง
เมื่อช่องยืนยันปรากฏขึ้น ผู้ใช้จะต้องคลิก "ตกลง" หรือ "ยกเลิก" เพื่อดำเนินการต่อ
หากผู้ใช้คลิก "ตกลง" กล่องจะคืนค่าtrue หากผู้ใช้คลิก "ยกเลิก" กล่องจะคืน ค่าfalse
ไวยากรณ์
window.confirm("sometext");
วิธี การwindow.confirm()นี้สามารถเขียนได้โดยไม่ต้องมีหน้าต่างนำหน้า
ตัวอย่าง
if (confirm("Press a button!")) {
txt = "You
pressed OK!";
} else {
txt = "You pressed Cancel!";
}
กล่องข้อความ
กล่องพรอมต์มักใช้หากคุณต้องการให้ผู้ใช้ป้อนค่าก่อนเข้าสู่หน้า
เมื่อกล่องข้อความปรากฏขึ้น ผู้ใช้จะต้องคลิก "ตกลง" หรือ "ยกเลิก" เพื่อดำเนินการต่อหลังจากป้อนค่าที่ป้อน
หากผู้ใช้คลิก "ตกลง" กล่องจะคืนค่าอินพุต หากผู้ใช้คลิก "ยกเลิก" กล่องจะคืนค่า null
ไวยากรณ์
window.prompt("sometext","defaultText");
วิธี การwindow.prompt()นี้สามารถเขียนได้โดยไม่ต้องมีหน้าต่างนำหน้า
ตัวอย่าง
let person = prompt("Please enter your name", "Harry Potter");
let text;
if
(person == null || person == "") {
text = "User cancelled
the prompt.";
} else {
text = "Hello " + person + "!
How are you today?";
}
ตัวแบ่งบรรทัด
หากต้องการแสดงการขึ้นบรรทัดใหม่ในกล่องป๊อปอัป ให้ใช้แบ็กสแลชตามด้วยอักขระ n
ตัวอย่าง
alert("Hello\nHow are you?");