ตัวอย่าง
เปิด "www.w3ii.com" ในหน้าต่างเบราว์เซอร์ใหม่:
window.open("http://www.w3ii.com"); ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
open() วิธีการเปิดหน้าต่างเบราว์เซอร์ใหม่
เคล็ดลับ: ใช้ close() วิธีการเพื่อปิดหน้าต่าง
สนับสนุนเบราว์เซอร์
| วิธี | |||||
|---|---|---|---|---|---|
| open() | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
window.open( ค่าพารามิเตอร์ พารามิเตอร์ ลักษณะ URL ไม่จำเป็น. ระบุ URL ของหน้าเว็บที่จะเปิด หาก URL ไม่ได้ระบุหน้าต่างใหม่ที่มีเกี่ยวกับ: ว่างเปล่าที่มีการเปิด name ไม่จำเป็น. ระบุ target แอตทริบิวต์หรือชื่อของหน้าต่าง ค่าต่อไปนี้ได้รับการสนับสนุน: - _ blank - URL จะโหลดลงในหน้าต่างใหม่ นี้จะเริ่มต้น
- _parent - URL ถูกโหลดลงในกรอบแม่
- _self - URL แทนที่หน้าปัจจุบัน
- _top - URL แทนที่เฟรมใด ๆ ที่อาจจะโหลด
- name - ชื่อของหน้าต่าง (หมายเหตุ: ชื่อไม่ได้ระบุชื่อของหน้าต่างใหม่)
specs ไม่จำเป็น. รายการที่คั่นด้วยเครื่องหมายจุลภาคของรายการไม่มีช่องว่าง ค่าต่อไปนี้ได้รับการสนับสนุน:
channelmode=yes|no|1|0 ไม่ว่าจะเป็นหรือไม่ที่จะแสดงหน้าต่างในโหมดโรงละคร เริ่มต้นคือไม่มี IE เท่านั้น directories=yes|no|1|0 ล้าสมัย. ไม่ว่าจะเป็นหรือไม่ที่จะเพิ่มปุ่มไดเรกทอรี เริ่มต้นคือใช่ IE เท่านั้น fullscreen=yes|no|1|0 ไม่ว่าจะเป็นหรือไม่ที่จะแสดงเบราว์เซอร์ในโหมดเต็มหน้าจอ เริ่มต้นคือไม่มี หน้าต่างในโหมดเต็มหน้าจอยังต้องอยู่ในโหมดโรงละคร IE เท่านั้น height=pixels ความสูงของหน้าต่าง นาที. มูลค่า 100 left=pixels ตำแหน่งซ้ายของหน้าต่าง ค่าลบไม่ได้รับอนุญาต location=yes|no|1|0 ไม่ว่าจะเป็นหรือไม่ที่จะแสดงข้อมูลที่อยู่ Opera เท่านั้น menubar=yes|no|1|0 ไม่ว่าจะเป็นหรือไม่ที่จะแสดงแถบเมนู resizable=yes|no|1|0 ไม่ว่าจะเป็นหรือไม่เป็นหน้าต่างปรับขนาดได้ IE เท่านั้น scrollbars=yes|no|1|0 ไม่ว่าจะเป็นหรือไม่ที่จะแสดงแถบเลื่อน IE, Firefox และ Opera เท่านั้น status=yes|no|1|0 ไม่ว่าจะเป็นหรือไม่ที่จะเพิ่มแถบสถานะ titlebar=yes|no|1|0 ไม่ว่าจะเป็นหรือไม่ที่จะแสดงแถบชื่อเรื่อง ละเว้นจนกว่าโปรแกรมประยุกต์ที่เรียกคือการประยุกต์ใช้ HTML หรือกล่องโต้ตอบที่เชื่อถือได้ toolbar=yes|no|1|0 ไม่ว่าจะเป็นหรือไม่ที่จะแสดงแถบเครื่องมือเบราว์เซอร์ IE และ Firefox เท่านั้น top=pixels ตำแหน่งบนสุดของหน้าต่าง ค่าลบไม่ได้รับอนุญาต width=pixels ความกว้างของหน้าต่าง นาที. มูลค่า 100
แทนที่ ไม่จำเป็น. ระบุว่า URL สร้างรายการใหม่หรือเปลี่ยนรายการในปัจจุบันในรายการประวัติ ค่าต่อไปนี้ได้รับการสนับสนุน: - จริง - URL แทนที่เอกสารปัจจุบันในรายการประวัติ
- เท็จ - URL สร้างรายการใหม่ในรายการประวัติ
รายละเอียดทางเทคนิค
กลับค่า: การอ้างอิงไปยังหน้าต่างที่สร้างขึ้นใหม่หรือ null ถ้าโทรล้มเหลว
ตัวอย่างอื่น ๆ
ตัวอย่าง
เปิดเกี่ยวกับ: ว่างเปล่าหน้าในหน้าต่างใหม่:
var myWindow = window.open("", "", "width=200,height=100"); ลองตัวเอง»
ตัวอย่าง
เปิดหน้าต่างใหม่ที่เรียกว่า "MsgWindow" และเขียนข้อความลงในมัน
var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>This is 'MsgWindow'. I am 200px wide and 100px
tall!</p>"); ลองตัวเอง»
ตัวอย่าง
เปลี่ยนหน้าต่างปัจจุบันมีหน้าต่างใหม่:
var myWindow = window.open("", "_self");
myWindow.document.write("<p>I
replaced the current window.</p>"); ลองตัวเอง»
ตัวอย่าง
เปิดหน้าต่างใหม่และควบคุมลักษณะ:
window.open("http://www.w3ii.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400"); ลองตัวเอง»
ตัวอย่าง
เปิดหน้าต่างหลาย:
window.open("http://www.google.com/");
window.open("http://www.w3ii.com/"); ลองตัวเอง»
ตัวอย่าง
เปิดหน้าต่างใหม่ ใช้ close() เพื่อปิดหน้าต่างใหม่:
function openWin() {
myWindow = window.open("", "myWindow", "width=200,height=100"); // Opens a new window
}
function closeWin() {
myWindow.close(); // Closes the new window
} ลองตัวเอง»
ตัวอย่าง
เปิดหน้าต่างใหม่ ใช้คุณสมบัติชื่อเพื่อกลับชื่อของหน้าต่างใหม่:
var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>This window's name is: " + myWindow.name +
"</p>"); ลองตัวเอง»
ตัวอย่าง
ใช้ทรัพย์สินที่เปิดเพื่อกลับอ้างอิงไปยังหน้าต่างที่สร้างหน้าต่างใหม่:
var myWindow = window.open("", "myWindow", "width=200,height=100");
// Opens a new window
myWindow.document.write("<p>This is 'myWindow'</p>"); // Text in the new window
myWindow.opener.document.write("<p>This is the source window!</p>"); //
Text in the window that created the new window ลองตัวเอง»
<หน้าต่างวัตถุ