window.location.href และ window.open () วิธีการใน JavaScript

ความแตกต่างระหว่างwindow.location.hrefและwindow.open ()วิธีการใน JavaScript คืออะไร?

window.location.hrefคือไม่ได้วิธีการที่มันเป็นคุณสมบัติที่จะบอกคุณตั้ง URL ปัจจุบันของเบราว์เซอร์ การเปลี่ยนค่าของคุณสมบัติจะเปลี่ยนเส้นทางหน้า

window.open()เป็นวิธีการที่คุณสามารถส่ง URL ไปยังที่คุณต้องการเปิดในหน้าต่างใหม่ ตัวอย่างเช่น:

ตัวอย่าง window.location.href:

window.location.href = 'http://www.google.com'; //Will take you to Google.

ตัวอย่าง window.open ():

window.open('http://www.google.com'); //This will open Google in a new window.

window.open()สามารถส่งผ่านพารามิเตอร์เพิ่มเติม ดู: window.open บทช่วยสอน

• window.open จะเปิดเบราว์เซอร์ใหม่ด้วย URL ที่ระบุ

• window.location.href จะเปิด URL ในหน้าต่างซึ่งมีรหัสเรียก

ยังทราบว่าwindow.open()เป็นฟังก์ชั่นบนวัตถุหน้าต่างของตัวเองในขณะที่window.locationเป็นวัตถุที่ exposes ความหลากหลายของวิธีการอื่น ๆ และคุณสมบัติ

window.openเป็นวิธีการ; คุณสามารถเปิดหน้าต่างใหม่และสามารถปรับแต่ง window.location.href เป็นเพียงคุณสมบัติของหน้าต่างปัจจุบัน

มีคำตอบอยู่แล้วซึ่งอธิบายเกี่ยวกับวิธีwindow.location.hrefและwindow.open ()วิธีการ

ฉันจะใช้ตามวัตถุประสงค์:

1. การเปลี่ยนเส้นทางไปยังหน้าอื่น

ใช้ window.location.href ตั้งค่าคุณสมบัติ href เป็น href ของหน้าอื่น

2. เปิดลิงก์ในหน้าต่างใหม่หรือหน้าต่างเฉพาะ

ใช้ window.open () ผ่านพารามิเตอร์ตามเป้าหมายของคุณ

3. รู้ที่อยู่ปัจจุบันของหน้า

ใช้ window.location.href รับค่าคุณสมบัติ window.location.href นอกจากนี้คุณยังสามารถรับโพรโทคอลชื่อโฮสต์ hashstring จากวัตถุ window.location

ดูที่วัตถุที่ตั้งสำหรับข้อมูลเพิ่มเติม

window.open ()จะเปิดหน้าต่างใหม่ในขณะที่window.location.hrefจะเปิด URL ใหม่ในหน้าต่างปัจจุบันของคุณ

window.openจะเปิด URL ในเบราว์เซอร์ใหม่แท็บ

The window.location.hrefwill open url ในแท็บปัจจุบัน (คุณสามารถใช้แทนlocation)

นี่คือตัวอย่างซอ (ในหน้าต่างตัวอย่างเพื่อเปิดไม่ทำงาน)

var url = 'https://example.com';

function go1() { window.open(url) }

function go2() { window.location.href = url }

function go3() { location = url }

<div>Go by:</div>
<button onclick="go1()">window.open</button>
<button onclick="go2()">window.location.href</button>
<button onclick="go3()">location</button>