Các phương thức window.location.href và window.open () trong JavaScript

Sự khác biệt giữa window.location.hrefvà window.open ()phương thức trong JavaScript là gì?

window.location.hreflà không một phương pháp, đó là một tài sản đó sẽ cho bạn biết vị trí hiện tại URL của trình duyệt. Thay đổi giá trị của tài sản sẽ chuyển hướng trang.

window.open()là một phương pháp mà bạn có thể truyền URL tới mà bạn muốn mở trong một cửa sổ mới. Ví dụ:

ví dụ window.location.href:

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

ví dụ window.open ():

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

window.open()có thể được thông qua các tham số bổ sung. Xem: hướng dẫn window.open

• window.open sẽ mở một trình duyệt mới với URL được chỉ định.

• window.location.href sẽ mở URL trong cửa sổ trong đó mã được gọi.

Cũng lưu ý rằng đó window.open()là một hàm trên chính đối tượng cửa sổ trong khi đó window.locationlà một đối tượng trưng ra nhiều phương thức và thuộc tính khác .

window.open là một phương thức; bạn có thể mở cửa sổ mới và có thể tùy chỉnh nó. window.location.href chỉ là một thuộc tính của cửa sổ hiện tại.

Đã có câu trả lời mô tả về thuộc tính window.location.href và window.open () .

Tôi sẽ đi bằng cách sử dụng Mục tiêu:

1. Để chuyển hướng trang này sang trang khác

Sử dụng window.location.href. Đặt thuộc tính href cho href của trang khác.

2. Mở liên kết trong cửa sổ mới hoặc cụ thể.

Sử dụng window.open (). Truyền tham số theo mục tiêu của bạn.

3. Biết địa chỉ hiện tại của trang

Sử dụng window.location.href. Nhận giá trị của thuộc tính window.location.href. Bạn cũng có thể nhận giao thức cụ thể, tên máy chủ, chuỗi băm từ đối tượng window.location.

Xem Đối tượng vị trí để biết thêm thông tin.

window.open ()sẽ mở một cửa sổ mới, trong khi đó window.location.hrefsẽ mở URL mới trong cửa sổ hiện tại của bạn.

Các window.openurl sẽ mở trong tab trình duyệt mới

Các window.location.hrefurl sẽ mở trong Tab hiện tại (thay vì bạn có thể sử dụng location)

Dưới đây là ví dụ fiddle (trong cửa sổ đoạn trích SO.open không hoạt động)

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>