Đối tượng Location

Đối tượng Location

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

Đối tượng Location là một phần của đối tượng Window, có thể truy cập thông qua thuộc tính window.location.

Ví dụ

Chuyển người dùng đến địa chỉ mới

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

Thuộc tính Mô tả
hash Cài đặt hoặc trả về URL từ dấu số (#) bắt đầu (mã chìa).
host Cài đặt hoặc trả về tên máy chủ và số cổng của URL hiện tại.
hostname Cài đặt hoặc trả về tên máy chủ của URL hiện tại.
href Cài đặt hoặc trả về URL hoàn chỉnh.
pathname Cài đặt hoặc trả về phần đường dẫn của URL hiện tại.
port Cài đặt hoặc trả về số cổng của URL hiện tại.
protocol Cài đặt hoặc trả về giao thức của URL hiện tại.
search Cài đặt hoặc trả về URL từ dấu hỏi (?) bắt đầu (phần tìm kiếm).

Phương thức đối tượng Location

Thuộc tính 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 thị đị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 hrefĐịa chỉ URL chứa tài liệu hoàn chỉnh, các thuộc tính khác mô tả từng 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 đối tượng Area). Khi đối tượng Location được chuyển đổi thành chuỗi, giá trị của thuộc tính href đượ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.

Nhưng đối tượng Anchor biểu thị liên kết trong tài liệu, đối tượng Location biểu thị URL (hoặc vị trí) tài liệu mà trình duyệt hiện tại hiển thị. Tuy nhiên, đối tượng Location có thể làm nhiều hơn thế, nó còn có thể kiểm soát vị trí 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 đầy đủ để thay thế URL hiện tại, bạn cũng có thể thay đổi 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. Làm như vậ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 của đối tượng Location thuộc tính hashthì trình duyệt sẽ chuyển đến vị trí cụ thể trong tài liệu hiện tại. Cũng vậy, 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 tìm kiếm 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ử trình duyệt, tài liệu mới sẽ thay thế tài liệu hiện tại.