ตัวอย่างการวิเคราะห์ตัวอย่างการใช้งานของ JS Window.ShowModaldialog และ Window.Open

บทความนี้อธิบายถึงการใช้งาน Window.ShowModaldialog และ Window.Open of JS แบ่งปันสำหรับการอ้างอิงของคุณ การวิเคราะห์เฉพาะมีดังนี้:

1. window.open () รองรับสภาพแวดล้อม: JavaScript1.0+/jscript1.0+/nav2+/ie3+/opera3+

2. ไวยากรณ์พื้นฐาน:

 window.open (หน้าเว็บ, ชื่อ, พารามิเตอร์)

ใน:

PageUrl เป็นเส้นทางหน้าต่างลูก

ชื่อคือที่จับหน้าต่างเด็ก

พารามิเตอร์คือพารามิเตอร์หน้าต่าง (แต่ละพารามิเตอร์จะถูกคั่นด้วยเครื่องหมายจุลภาค)

3. ตัวอย่าง:

 <script> <!-window.open ('page.html', 'newWindow', 'ความสูง = 100, ความกว้าง = 400, top = 0, ซ้าย = 0, แท็กเครื่องมือ = ไม่, menubar = ไม่, scrollbars = ไม่, resizable = no, location = no, สถานะ = ไม่') // เขียนเป็นบรรทัดเดียว->

หลังจากเรียกใช้สคริปต์แล้ว page.html จะถูกเปิดในรูปแบบใหม่ Newwindow ด้วยความกว้าง 100, ความสูง 400, 0 พิกเซลจากด้านบนของหน้าจอ, 0 พิกเซลจากด้านซ้ายของหน้าจอไม่มีแถบเครื่องมือไม่มีแถบเมนูไม่มีแถบเลื่อนไม่มีแถบที่อยู่และไม่มีแถบสถานะ

กรุณาเปรียบเทียบ

ตัวอย่างข้างต้นเป็นพารามิเตอร์ที่ใช้กันทั่วไปหลายประการและมีพารามิเตอร์อื่น ๆ อีกมากมายนอกเหนือจากนี้ คุณสามารถอ้างถึงคำอธิบายพารามิเตอร์ที่อธิบายไว้ด้านล่าง

4. พารามิเตอร์ต่างๆ

ในหมู่พวกเขาใช่/ไม่สามารถใช้ 1/0; ค่าพิกเซลคือค่าเฉพาะหน่วยพิกเซล

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 และ PX ใน 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 อักขระ วัตถุสามารถผ่านได้เช่น:

parent.htm:

 <script> var obj = วัตถุใหม่ (); obj.name = "51js"; window.showmodaldialog ("modal.htm", obj, "dialogwidth = 200px; dialogheight = 100px"); </script>

modal.htm:

 <script> var obj = window.dialogargementsalet ("พารามิเตอร์ที่คุณผ่านคือ:" + obj.name) </script>

2. คุณสามารถส่งคืนข้อมูลไปยังหน้าต่างที่กล่องโต้ตอบถูกเปิดผ่านหน้าต่างกลับมาและแน่นอนว่ามันสามารถเป็นวัตถุได้ ตัวอย่างเช่น:

parent.htm

 <script> str = window.showmodaldialog ("modal.htm" ,, "dialogwidth = 200px; dialogheight = 100px"); แจ้งเตือน (str); </script>

modal.htm

 <script> window.returnvalue = "// www.vevb.com"; </script>

ส่วนนิยามสกุลเงิน

 var psaddstr = "processId ="+processId+"& addflag ="+isaddflag+"& bzbh ="+vsbzbh+"& bzmc ="+vsbzmc+"& bzfh ="+vsbzfh+"& jd ="+vsjd; var result = window.showmodaldialog ("addsave.asp?"+psaddstr, '', "dialogheight: 250px; dialogwidth: 250px; สถานะ: ไม่;");

ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน