Đối tượng Location

Đối tượng Location của Window

Đối tượng Location chứa thông tin về URL hiện tại.

Đối tượng Location là thuộc tính của đối tượng cửa sổ.

Đối tượng Location có thể truy cập theo các cách sau:

window.location hoặc chỉ sử dụng location

thực thể

let origin = window.location.origin;

Thử nghiệm trực tiếp

let origin = location.origin;

Thử nghiệm trực tiếp

Thuộc tính đối tượng Location

Thuộc tính Mô tả
hash Thiết lập hoặc trả về phần mốc của URL (#).
host Thiết lập hoặc trả về tên máy và cổng của URL.
hostname Thiết lập hoặc trả về tên máy của URL.
href Thiết lập hoặc trả về URL hoàn chỉnh.
origin Trả về giao thức, tên máy và cổng của URL.
pathname Thiết lập hoặc trả về tên đường dẫn của URL.
port Thiết lập hoặc trả về cổng của URL.
protocol Thiết lập hoặc trả về giao thức của URL.
search Thiết lập hoặc trả về phần chuỗi truy vấn của URL.

Phương pháp đối tượng Location

Phương pháp Mô tả
assign() Tải tài liệu mới.
reload() Tải lại tài liệu hiện tại.
replace() Thay thế tài liệu hiện tại bằng tài liệu mới.

Mô tả đối tượng Location

Đối tượng Location được lưu trữ trong thuộc tính Location của đối tượng Window, biểu diễn địa chỉ Web của tài liệu hiện tại được hiển thị trong cửa sổ đó. Nó thuộc tính hrefchứa URL hoàn chỉnh của tài liệu, các thuộc tính khác mô tả các phần của URL. Các thuộc tính này rất tương tự thuộc tính URL của đối tượng Anchor (hoặc Area). Khi đối tượng Location được chuyển đổi thành chuỗi, giá trị của thuộc tính href sẽ được trả về. Điều này có nghĩa là bạn có thể sử dụng biểu thức location để thay thế location.href.

Tuy nhiên, đối tượng Anchor biểu diễn liên kết trong tài liệu, trong khi đối tượng Location biểu diễn URL (hoặc vị trí) của tài liệu hiện tại mà trình duyệt đang hiển thị. Nhưng đối tượng Location có thể làm nhiều hơn thế, nó còn có thể kiểm soát vị trí của tài liệu mà trình duyệt hiển thị. Nếu gán một chuỗi chứa URL cho đối tượng Location hoặc thuộc tính href của nó, trình duyệt sẽ tải và hiển thị tài liệu mà URL mới chỉ định.

Ngoài việc thiết lập location hoặc location.href bằng URL hoàn chỉnh để thay thế URL hiện tại, bạn cũng có thể修改 một phần URL, chỉ cần gán giá trị cho các thuộc tính khác của đối tượng Location. Điều này sẽ tạo ra một URL mới, một phần của nó khác với URL ban đầu, trình duyệt sẽ tải và hiển thị nó. Ví dụ, nếu đã thiết lập thuộc tính thuộc tính hashVậy trình duyệt sẽ chuyển đến vị trí được chỉ định trong tài liệu hiện tại. Đồng thời, nếu đã thiết lập thuộc tính searchthì trình duyệt sẽ tải lại URL đã thêm chuỗi truy vấn mới.

Ngoài thuộc tính URL, đối tượng Location Phương thức reload()Có thể tải lại tài liệu hiện tạireplace() Có thể tải một tài liệu mới mà không cần tạo một lịch sử mới cho nó,也就是说, trong danh sách lịch sử của trình duyệt, tài liệu mới sẽ thay thế tài liệu hiện tại.