วิธีเปิดลิงค์ในหน้าต่างใหม่โดยใช้ JavaScript

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

รูปภาพ Degui Adil / EyeEm / Getty

ไวยากรณ์สำหรับวิธีเปิดหน้าต่าง JavaScript ()

ในการเปิด URL ในหน้าต่างเบราว์เซอร์ใหม่ให้ใช้ Javascript open () วิธีการดังที่แสดงไว้ที่นี่:

window.open (URL ชื่อข้อกำหนดแทนที่)

พารามิเตอร์ URL

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

ป้อน URL ของหน้าที่คุณต้องการเปิดในหน้าต่างใหม่ หากคุณไม่ระบุ URL หน้าต่างว่างใหม่จะเปิดขึ้น:

window.open ("https://www.somewebsite.com", "_blank", "แถบเครื่องมือ = ใช่ด้านบน = 500, ซ้าย = 500, กว้าง = 400, สูง = 400");

ชื่อพารามิเตอร์

พารามิเตอร์ name ตั้งค่าเป้าหมายสำหรับ URL การเปิด URL ในหน้าต่างใหม่เป็นค่าเริ่มต้นและจะระบุในลักษณะนี้:

• _blank: เปิดหน้าต่างใหม่สำหรับ URL

ตัวเลือกอื่น ๆ ที่คุณสามารถใช้ได้ ได้แก่ :

• _ ตัวเอง: แทนที่เพจปัจจุบันด้วย URL
• _parent: โหลด URL ลงในเฟรมหลัก
• _top: แทนที่เฟรมเซ็ตที่โหลด

พารามิเตอร์ Specs

พารามิเตอร์ spec คือที่ที่คุณปรับแต่งหน้าต่างใหม่โดยป้อนรายการที่คั่นด้วยจุลภาคโดยไม่มีช่องว่างสีขาว เลือกจากค่าต่อไปนี้

• ความสูง = พิกเซล: ข้อกำหนดนี้กำหนดความสูงของหน้าต่างใหม่เป็นพิกเซล ค่าต่ำสุดที่ป้อนได้คือ 100
• width = พิกเซล: ข้อมูลจำเพาะนี้กำหนดความกว้างของหน้าต่างใหม่เป็นพิกเซล ค่าต่ำสุดคือ 100
• ซ้าย = พิกเซล: ข้อมูลจำเพาะนี้กำหนดตำแหน่งด้านซ้ายของหน้าต่างใหม่ ไม่สามารถป้อนค่าลบได้
• top = พิกเซล: ข้อมูลจำเพาะนี้กำหนดตำแหน่งบนสุดของหน้าต่างใหม่ ไม่สามารถใช้ค่าลบ
• แถบเมนู = ใช่ | ไม่ใช่ | 1 | 0: ใช้ข้อมูลจำเพาะนี้เพื่อระบุว่าจะแสดงแถบเมนูหรือไม่ ใช้คำว่าใช่ / ไม่ใช่หรือค่าไบนารี 1/0
• สถานะ = ใช่ | ไม่ใช่ | 1 | 0: สิ่งนี้ระบุว่าจะเพิ่มแถบสถานะหรือไม่ เช่นเดียวกับแถบเมนูคุณสามารถใช้คำหรือค่าไบนารีได้อย่างอิสระ

ข้อกำหนดบางอย่างเป็นข้อมูลจำเพาะเบราว์เซอร์

• สถานที่ = ใช่ | ไม่ใช่ | 1 | 0: ข้อมูลจำเพาะนี้ระบุว่าจะแสดงฟิลด์ที่อยู่หรือไม่ สำหรับเบราว์เซอร์ Opera เท่านั้น
• ปรับขนาดได้ = ใช่ | ไม่ใช่ | 1 | 0: กำหนดว่าสามารถปรับขนาดหน้าต่างได้หรือไม่ สำหรับใช้กับ IE เท่านั้น
• สถานที่ = ใช่ | ไม่ใช่ | 1 | 0: ระบุว่าจะแสดงแถบเลื่อนหรือไม่ เข้ากันได้กับ IE, Firefox และ Opera เท่านั้น
• แถบเครื่องมือ = ใช่ | ไม่ใช่ | 1 | 0: กำหนดว่าจะแสดงแถบเครื่องมือของเบราว์เซอร์หรือไม่ ใช้ได้กับ IE และ Firefox เท่านั้น

แทนที่พารามิเตอร์

พารามิเตอร์ที่เป็นทางเลือกนี้มีเพียงจุดประสงค์เดียวเพื่อระบุว่า URL ที่เปิดขึ้นในหน้าต่างใหม่จะแทนที่รายการปัจจุบันในรายการประวัติเบราว์เซอร์หรือปรากฏเป็นรายการใหม่ 

• เมื่อ จริงURL จะแทนที่รายการเบราว์เซอร์ปัจจุบันในรายการประวัติ
• เมื่อ เท็จURL จะแสดงเป็นรายการใหม่ในรายการประวัติเบราว์เซอร์