window.open () สภาพแวดล้อมการสนับสนุน: javascript1.0+/jscript1.0+/nav2+/ie3+/opera3+
window.open (หน้าเว็บ, ชื่อ, พารามิเตอร์)
PageUrl เป็นเส้นทางของหน้าต่างเด็ก
ชื่อป๊อป -อัพชื่อหน้าต่าง
พารามิเตอร์คือพารามิเตอร์หน้าต่าง (คั่นด้วยเครื่องหมายจุลภาคในแต่ละพารามิเตอร์)
เสมอ
เสมอ
ขึ้นอยู่กับ |
ไดเรกทอรี
ความสูง |
Hotkeys |
InnerHeight |
InnerWidth
ตำแหน่ง |
Menubar
Outerheight |
OUTERWIDTH |
Resizable |
ScreenX |
Screeny |
Scrollbars |
TitleBar |
Toolbar |
ความกว้าง |
z-look |
คัดลอกรหัสรหัสดังนี้:
<pre code_snippet_id = "182098" snippet_file_name = "blog_20140210_1_6035784" name = "code"> <script>
window.open ('page.html', 'newWindow', 'ความสูง = 100, ความกว้าง = 400, ถึง p = 0, ซ้าย = 0, toolbar = ไม่, scrolllls = ไม่, resizable = no, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l l, l, l, l, l, l, l, l, l, l, l, l, l, l, l ocation = ไม่, สถานะ = ไม่ ')
</script> </pre>
<pre> </der>
<H2> <a name = "t3"> </a> <span style = "Font-Family: Microsoft Yahei; Font-Size: 14px"> <span style = "สี: RGB (76,76,76); Line-Height: 28px; </</</</</</span> </</span> </span> <span style = "Font-Family: 'Hiragino Sans GB W3', 'Hiragino Sans GB', Arial, Simsun, U5B8BU4F53; ขนาด Font: 16px;
<pre> </der>
<pre> </der>
VreturnValue = Window.ShowModaldialog (surl [, varguments] [, sfeatures])))
vreturnValue = window.showModelessDialog (surl [, varguments] [, sfeatures]))))))))))))))))))))))
Surl ต้องเลือกพารามิเตอร์ประเภท: สตริง URL ที่ใช้เพื่อระบุเอกสารที่จะแสดงในกล่องโต้ตอบ
Varguments พารามิเตอร์ตัวเลือกประเภท: ตัวแปร ใช้เพื่อส่งผ่านพารามิเตอร์ไปยังกล่องโต้ตอบ ประเภทพารามิเตอร์ที่ส่งผ่านไม่ จำกัด รวมถึงอาร์เรย์ ฯลฯ กล่องโต้ตอบผ่าน
Sfeatures พารามิเตอร์ตัวเลือกประเภท: สตริง ใช้เพื่ออธิบายลักษณะที่ปรากฏและข้อมูลอื่น ๆ ของกล่องโต้ตอบคุณสามารถใช้หนึ่งหรือมากกว่าด้านล่างและใช้เซ็กเมนต์ ";" เพื่อแยก
Window.dialogarguments เพื่อรับพารามิเตอร์ที่ผ่านเข้ามา
1. Dialogheight: ความสูงของกล่องโต้ตอบไม่น้อยกว่า 100px, Dialogheight และ Dialogwidth ใน IE4 คือ EM และ IE5 คือ PX ซึ่งสะดวกสำหรับกล่องโต้ตอบโมดอล
2. Dialogwidth: กล่องโต้ตอบความกว้าง
3.DialogLeft: ระยะทางจากด้านซ้ายของหน้าจอ
4. Dialogtop: ระยะทางจากหน้าจอ
5. Center: {ใช่ | ไม่ |
6.help: {ใช่ |
7. Resizable: {ใช่ | หมายเลขเริ่มต้น
8. Status: {ใช่ | ค่าเริ่มต้นคือใช่ [modeless] หรือไม่มี [modal]
9.Scroll: {ใช่ | ค่าเริ่มต้นคือใช่
คุณลักษณะต่อไปนี้ใช้ใน HTA และโดยทั่วไปจะไม่ใช้ในหน้าเว็บทั่วไป
10. Dialoghide: {ใช่ | ค่าเริ่มต้นคือไม่
11.Edge: {Sunken | เพิ่มขึ้น}: ระบุสไตล์ชายแดนของกล่องโต้ตอบ ค่าเริ่มต้นคือการเพิ่ม
12.
//parent.htm
คัดลอกรหัสรหัสดังนี้:
<pre code_snippet_id = "182098" snippet_file_name = "blog_20140210_2_3894881" name = "code"> <script>
var obj = วัตถุใหม่ ();
obj.name = "51js";
window.showModaldialog ("modal.htm", obj, "dialogwidth = 200px; dialogheight = 100px");
</script>
//modal.htm
<script>
var obj = window.dialogarguments
การแจ้งเตือน ("พารามิเตอร์ที่คุณผ่านคือ:" + obj.name)
</script> </pre> <p> </p>
<pre> </der>
<p> </p>
<p> // --------------------------- <br>
// 2. คุณสามารถส่งคืนข้อมูลไปยังหน้าต่างที่เปิดกล่องโต้ตอบผ่านหน้าต่างการกลับมาใช้แน่นอน ตัวอย่างเช่น: <br>
// -------------------------- </p>
<p> </p> <pre code_snippet_id = "182098" snippet_file_name = "blog_20140210_3_4734696" name = "code"> // paint.htmm
<script>
str = window.showmodaldialog ("modal.htm", "dialogwidth = 200px; dialogheight = 100px");
การแจ้งเตือน (STR);
</script>
//modal.htm
<script>
window.returnValue = "http://www.box";
</script> </pre> <br>
<br>
<p> </p>
<p> 1. กระโดดโดยตรงในหน้าต่างดั้งเดิม <br>
window.location.href = "หน้าคุณต้องการกระโดด"
2. เปิดหน้าในหน้าต่างใหม่เพื่อใช้: <br>
window.open ('หน้าคุณต้องการกระโดด'); </p>
<p> <span style = "color:#ff0000"> window.history.back (-1);
<p> <span style = "สี:#ff0000"> <br>
</span> </p>
<p> <span style = "สี:#ff0000"> <br>
</span> </p>