1. ไวยากรณ์พื้นฐาน:
window.open (หน้าเว็บ, ชื่อ, พารามิเตอร์)
ใน:
PageUrl เป็นเส้นทางหน้าต่างลูก
ชื่อคือชื่อหน้าต่างลูก
พารามิเตอร์คือพารามิเตอร์หน้าต่าง (แต่ละพารามิเตอร์จะถูกคั่นด้วยเครื่องหมายจุลภาค)
2. ตัวอย่าง
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript">
window.open ('page.html', 'newwindow', 'ความสูง = 500, ความกว้าง = 800, ด้านบน = 0, ซ้าย = 0,
Toolbar = ไม่, menubar = ไม่, scrollbars = ไม่, resizable = no, location = no, status = no ')
</script>
page.html จะเปิดในรูปแบบใหม่ Newwindow ด้วยความกว้าง 800 ความสูง 500, 0 พิกเซลจากด้านบนของหน้าจอและ 0 พิกเซลจากด้านซ้ายของหน้าจอ
ไม่มีแถบเครื่องมือไม่มีเมนูไม่มีแถบเลื่อนไม่มีการปรับขนาดไม่มีแถบที่อยู่ไม่มีแถบสถานะ
มีความแตกต่างในระดับการสนับสนุนของคุณสมบัติหน้าต่างของ window.Open () ในแต่ละเบราว์เซอร์
สรุปผลการทำงานของแต่ละเบราว์เซอร์:
ตารางด้านบนแสดงระดับการสนับสนุนสำหรับแต่ละเบราว์เซอร์สำหรับตัวเลือกพารามิเตอร์คุณสมบัติและคำอธิบายพิเศษมีดังนี้:
[หมายเหตุ 1]: ใน IE7 IE8 Firefox Chrome Safari เมื่อตัวเลือก "Menubar" คือ "ใช่" แถบเมนูจะไม่ปรากฏขึ้นตามค่าเริ่มต้น คุณต้องกดปุ่ม Alt ก่อนที่จะสามารถแสดงแถบเมนูได้ ในทางตรงกันข้ามเมื่อตัวเลือก "Menubar" คือ "ไม่" แถบเมนูจะไม่ปรากฏแม้ว่าจะกดปุ่ม Alt
[หมายเหตุ 2]: ใน Safari เอฟเฟกต์การแสดงผลจะเหมือนกับเมื่อเปิดตัวเลือก "ตำแหน่ง" และเปิดตัวเลือก "แถบเครื่องมือ"
[หมายเหตุ 3]: ใน IE6 IE8 Chrome ใช้ "Top" และ "ซ้าย" เพื่อค้นหา หากค่าพิกัดชุดมีขนาดใหญ่เกินไปหน้าต่างป๊อปอัพอาจแสดงอยู่นอกช่วงการมองเห็นของหน้าจอ
[หมายเหตุ 4]: ใน IE7 Firefox Safari Opera ใช้ "Top" และ "ซ้าย" เพื่อค้นหา หากค่าพิกัดชุดมีขนาดใหญ่เกินไปหน้าต่างจะปรับค่า "ด้านบน" และ "ซ้าย" โดยอัตโนมัติเพื่อให้แน่ใจว่าหน้าต่างจะแสดงตามปกติในพื้นที่ที่มองเห็นได้ของหน้าจอ
[หมายเหตุ 5]: ใน Chrome Opera มันไม่ได้รับการสนับสนุนให้ใช้ "ซ้าย" และ "Top" อย่างอิสระโดยไม่ต้องตั้งค่า "ความกว้าง" และ "ความสูง" ในเวลานี้ค่าการตั้งค่า "ซ้าย" และ "ด้านบน" จะไม่มีผล
[หมายเหตุ 6]: ในโครเมี่ยมมันไม่ได้รับการสนับสนุนให้ใช้ "ความกว้าง" และ "ความสูง" อย่างอิสระโดยไม่ต้องตั้งค่า "ซ้าย" และ "ความสูง" ในเวลานี้ค่าการตั้งค่า "ความกว้าง" "ความสูง" จะไม่มีผล เมื่อรวมกับคำแนะนำของ [หมายเหตุ 5] เราจะเห็นว่าไม่ว่าคุณต้องการตั้งค่าหนึ่งหรือหลายค่าในความกว้างความสูงหรือตำแหน่งของหน้าต่างป๊อปอัพใน Chrome คุณต้องกำหนดทั้งหมดไม่เช่นนั้นจะไม่มีใครทำงานได้
[หมายเหตุ 7]: ใน Chrome Firefox แถบที่อยู่จะปรากฏขึ้นเสมอ
[หมายเหตุ 8]: ในโอเปร่าแถบที่อยู่ไม่แสดงตามค่าเริ่มต้น แต่คุณสามารถคลิกที่แถบแนวนอนที่ด้านบนของหน้าเพื่อแสดง หลังจากตั้งค่า "location = ใช่" แถบที่อยู่จะปรากฏขึ้นโดยอัตโนมัติ
[หมายเหตุ 9]: ใน Chrome Opera แถบเมนูจะไม่แสดงโดยไม่คำนึงถึงค่า "Menubar"
[หมายเหตุ 10]: ไม่ว่าค่า "ปรับขนาดได้" จะถูกตั้งค่าใน Firefox Safari Chrome Opera อย่างไรหน้าต่างสามารถปรับขนาดได้โดยผู้ใช้
[หมายเหตุ 11]: ใน Safari Chrome เมื่อมีแถบเลื่อนบนหน้าเว็บสกรอลล์จะมองเห็นได้เสมอโดยไม่คำนึงถึงค่า "แถบเลื่อน"
[หมายเหตุ 12]: IE7 สามารถรองรับพารามิเตอร์ "สถานะ" เพื่อซ่อนแถบสถานะโดยค่าเริ่มต้นในระบบ Windows XP SP3; ในขณะที่พารามิเตอร์ "สถานะ" ไม่ได้รับการสนับสนุนในสภาพแวดล้อมเริ่มต้นของระบบ Windows Vista และแถบสถานะสามารถมองเห็นได้เสมอ สิ่งนี้เกี่ยวข้องกับหมายเลขรุ่นเล็ก ๆ ที่แตกต่างกัน IE7 ในสองระบบ อดีตมีหมายเลขรุ่นที่ต่ำกว่าและรุ่นหลังมีหมายเลขเวอร์ชันที่สูงกว่า
[หมายเหตุ 13]: ใน Firefox แถบสถานะจะมองเห็นได้เสมอไม่ว่าค่า "สถานะ" จะถูกตั้งค่าอย่างไรในขณะที่อยู่ใน Chrome Opera แถบสถานะจะมองไม่เห็นในทิศทางตรงกันข้ามกับอดีต
[หมายเหตุ 14]: ใน Chrome Opera แถบเครื่องมือจะไม่แสดงโดยไม่คำนึงถึงค่า "แถบเครื่องมือ"
โดยสรุปจะเห็นได้ว่ามีความแตกต่างอย่างมากในระดับการสนับสนุนของพารามิเตอร์ SFEATURES ของวิธีการเปิดหน้าต่างดังนั้นคุณต้องระมัดระวังเมื่อใช้
โดยทั่วไปเมื่อเราใช้ Window.Open เพื่อเปิดหน้าเราจำเป็นต้องแสดงในศูนย์ รหัสตัวอย่าง:
การคัดลอกรหัสมีดังนี้:
var width = 800; // ความกว้างของหน้าต่างป๊อปอัพ;
ความสูง var = 500; // ความสูงของหน้าต่างป๊อปอัพ
var top = (window.screen.availheight-height)/2; // ตำแหน่งแนวตั้งของหน้าต่าง;
var left = (window.screen.availwidth-ความกว้าง)/2; // ตำแหน่งแนวนอนของหน้าต่าง;
window.open ('page.html', 'newWindow', 'ความสูง ='+ความสูง+', width ='+width+', top ='+top+', ซ้าย ='+ซ้าย+',
Toolbar = ไม่, menubar = ไม่, scrollbars = ไม่, resizable = no, location = no, status = no ')
ความแตกต่างระหว่างความสูงและความสูง
การคัดลอกรหัสมีดังนี้:
window.screen.width ส่งคืนความกว้างของหน้าจอปัจจุบัน (ค่าความละเอียด)
window.screen.height ส่งคืนความสูงของหน้าจอปัจจุบัน (ค่าความละเอียด)
Screen.availWidth, Screen.availheight หมายถึงความยาวและความกว้างยกเว้นแถบงาน