Skip to main content

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

Anonim

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

ไวยากรณ์สำหรับ JavaScript Window Open () Method

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

window.open (URL, ชื่อ, รายละเอียด, แทนที่)

และปรับแต่งพารามิเตอร์แต่ละตัว

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

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

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

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

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

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

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

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

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

รายละเอียด

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

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

ข้อกำหนดบางอย่างมีเฉพาะเบราว์เซอร์:

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

แทนที่

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

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