Trong JavaScript, đối tượng Location cung cấp thông tin về URL của tài liệu hiện tại và cho phép bạn thao tác với URL đó. Đối tượng này là một phần của đối tượng window và có nhiều thuộc tính và phương thức hữu ích cho việc điều hướng và quản lý URL.

Các Thuộc Tính và Phương Thức Của Đối Tượng Location#

Thuộc Tính

• location.href Mô Tả: Trả về toàn bộ URL của trang hiện tại hoặc cho phép bạn thiết lập URL mới, dẫn đến việc tải lại trang.

  • Ví Dụ: ` // Lấy URL hiện tại console.log(location.href);

    // Chuyển hướng đến một URL mới location.href = 'https://www.example.com'; `

• location.protocol Mô Tả: Trả về giao thức của URL (như "http:" hoặc "https:").

  • Ví Dụ: console.log(location.protocol); // Ví dụ: "https:"

• location.host Mô Tả: Trả về tên máy chủ và cổng của URL (nếu có), ví dụ: "www.example.com:8080".

  • Ví Dụ: console.log(location.host); // Ví dụ: "www.example.com"

• location.hostname Mô Tả: Trả về tên máy chủ của URL mà không có số cổng.

  • Ví Dụ: console.log(location.hostname); // Ví dụ: "www.example.com"

• location.port Mô Tả: Trả về số cổng của URL (nếu có). Nếu không có số cổng, giá trị trả về là chuỗi rỗng.

  • Ví Dụ: console.log(location.port); // Ví dụ: "8080"

• location.pathname Mô Tả: Trả về đường dẫn của URL, bắt đầu từ dấu gạch chéo ("/").

  • Ví Dụ: console.log(location.pathname); // Ví dụ: "/path/to/resource"

• location.search Mô Tả: Trả về chuỗi truy vấn của URL, bắt đầu từ dấu hỏi ("?"), bao gồm các tham số và giá trị của chúng.

  • Ví Dụ: console.log(location.search); // Ví dụ: "?query=example"

• location.hash Mô Tả: Trả về phần băm của URL, bắt đầu từ dấu # (hash).

  • Ví Dụ: console.log(location.hash); // Ví dụ: "#section1"

Phương Thức

• location.assign(url) Mô Tả: Điều hướng đến URL mới. Tương tự như việc gán location.href, nhưng giữ lại trang hiện tại trong lịch sử của trình duyệt.

  • Ví Dụ: location.assign('https://www.example.com');

• location.replace(url) Mô Tả: Điều hướng đến URL mới nhưng thay thế trang hiện tại trong lịch sử của trình duyệt. Trang hiện tại không còn trong lịch sử.

  • Ví Dụ: location.replace('https://www.example.com');

• location.reload(forcedReload) Mô Tả: Tải lại trang hiện tại. Nếu tham số forcedReload là true, trình duyệt sẽ tải lại trang từ máy chủ thay vì từ bộ nhớ cache.

  • Tham Số: forcedReload (tùy chọn): Nếu là true, buộc tải lại từ máy chủ. Nếu không có tham số hoặc là false, trình duyệt có thể tải lại từ bộ nhớ cache.

  • Ví Dụ: location.reload(); // Tải lại trang từ bộ nhớ cache location.reload(true); // Tải lại trang từ máy chủ

Ví Dụ Tích Hợp#

Dưới đây là một ví dụ đơn giản về cách sử dụng đối tượng Location để thao tác với URL và điều hướng:

`