วันนี้เมื่อฉันใช้หน้าต่างเด็กป๊อปอัพในโครงการฉันคิดถึงสองวิธีในการใช้งานกับ JavaScript หนึ่งคือ Window.Open (); อีกวิธีหนึ่งคือ Window.ShowModaldialog () หลังเป็นหน้าต่างป๊อปอัพที่มีความสัมพันธ์ระหว่างพ่อแม่กับลูก เฉพาะเมื่อปิดหน้าต่างลูกแล้วหน้าต่างพาเรนต์จะถูกเปิดใช้งานและสามารถถ่ายโอนพารามิเตอร์และค่าส่งคืนได้ เพียงตรวจสอบการใช้งานอีกครั้งและบันทึกปัญหาที่พบในระหว่างกระบวนการ
คำแนะนำพื้นฐาน:
showmodaldialog () (เช่นการสนับสนุน 4+)
showmodelessDialog () (เช่น 5+ การสนับสนุน)
วิธีการ window.showmodaldialog () ใช้เพื่อสร้างกล่องโต้ตอบโมดอลที่แสดงเนื้อหา HTML
เมธอด Window.ShowModelessDialog () ใช้เพื่อสร้างกล่องโต้ตอบที่ไม่ใช่โมดอลที่แสดงเนื้อหา HTML
วิธีใช้:
vreturnValue = window.showmodaldialog (surl [, varguments] [, sfeatures], "");
VreturnValue = window.showModelessDialog (surl [, varguments] [, sfeatures], "");
คำอธิบายพารามิเตอร์:
Surl:
พารามิเตอร์ที่ต้องการประเภท: สตริง ใช้เพื่อระบุ URL ของเอกสารที่จะแสดงในกล่องโต้ตอบ
varguments:
พารามิเตอร์เสริมประเภท: ตัวแปร ใช้เพื่อส่งผ่านพารามิเตอร์ไปยังกล่องโต้ตอบ ประเภทพารามิเตอร์ที่ผ่านไม่ได้ จำกัด รวมถึงอาร์เรย์ ฯลฯ กล่องโต้ตอบใช้ Window.Dialogarguments เพื่อรับพารามิเตอร์ที่ผ่าน
sfeatures:
พารามิเตอร์เสริมประเภท: สตริง ข้อมูลที่ใช้เพื่ออธิบายการปรากฏตัวของกล่องโต้ตอบเช่นข้อมูลต่อไปนี้สามารถคั่นด้วยเครื่องหมายอัฒภาค ";"
1.dialogheight: ความสูงของกล่องโต้ตอบไม่น้อยกว่า 100px หน่วยเริ่มต้นของ Dialogheight และ Dialogwidth ใน IE4 คือ EM ในขณะที่อยู่ใน IE5 มันคือ PX เพื่อความสะดวกเมื่อกำหนดกล่องโต้ตอบในวิธีการโมดอลให้ใช้ PX เป็นหน่วย
2.dialogwidth: กล่องโต้ตอบความกว้าง
3.DialogLeft: ระยะทางจากด้านซ้ายของหน้าจอ
4.dialogtop: ระยะทางจากหน้าจอ
5. Center: {ใช่ | ไม่ | 1 | 0}: ไม่ว่าจะเป็นหน้าต่างอยู่กึ่งกลางค่าเริ่มต้นคือใช่ แต่ยังสามารถระบุความสูงและความกว้างได้
6.Help: {ใช่ | ไม่ | 1 | 0}: ไม่ว่าจะแสดงปุ่มช่วยเหลือหรือไม่ค่าเริ่มต้นคือใช่
7. Resizable: {ใช่ | ไม่ | 1 | 0} [IE5+]: ขนาดสามารถเปลี่ยนแปลงได้หรือไม่ หมายเลขเริ่มต้น
8. Status: {ใช่ | ไม่ | 1 | 0} [IE5+]: จะแสดงแถบสถานะหรือไม่ ค่าเริ่มต้นคือใช่ [modeless] หรือไม่มี [modal]
9.Scroll: {ใช่ | ไม่ | 1 | 0 | บน | ปิด}: ระบุว่ากล่องโต้ตอบแสดงแถบเลื่อนหรือไม่ ค่าเริ่มต้นคือใช่
คุณลักษณะต่อไปนี้ใช้ใน HTA และโดยทั่วไปจะไม่ใช้ในหน้าเว็บทั่วไป
10.dialoghide: {ใช่ | ไม่ | 1 | 0 | บน | ปิด}: ไม่ว่าจะเป็นกล่องโต้ตอบเมื่อซ่อนหรือพิมพ์ตัวอย่าง ค่าเริ่มต้นคือไม่
11.edge: {Sunken | ยกขึ้น}: ระบุสไตล์เส้นขอบของกล่องโต้ตอบ ค่าเริ่มต้นจะถูกยกขึ้น
12.Unadorned: {ใช่ | ไม่ | 1 | 0 | บน | ปิด}: ค่าเริ่มต้นคือไม่
พารามิเตอร์ผ่าน:
1. หากคุณต้องการส่งพารามิเตอร์ในกล่องโต้ตอบมันจะถูกส่งผ่าน Varguments ไม่มีข้อ จำกัด เกี่ยวกับประเภท สำหรับประเภทสตริงค่าสูงสุดคือ 4096 อักขระและวัตถุสามารถผ่านได้
2. คุณสามารถส่งคืนข้อมูลไปยังหน้าต่างที่กล่องโต้ตอบถูกเปิดผ่านหน้าต่างกลับมาและแน่นอนว่ามันสามารถเป็นวัตถุได้