19. Đối tượng location trong lập trình javascript

Trong lập trình JavaScript, đối tượng location đại diện cho URL của trang hiện tại trong trình duyệt. Nó là một đối tượng con của đối tượng window và cung cấp các thuộc tính và phương thức cho phép bạn truy xuất và thay đổi URL của trang web.

Một số thuộc tính và phương thức quan trọng của đối tượng location:

  1. location.href: Trả về hoặc gán URL của trang hiện tại. Đây là thuộc tính phổ biến nhất để truy cập URL.
  2. location.protocol: Trả về giao thức (http hoặc https) của URL.
  3. location.host: Trả về tên miền và cổng của URL.
  4. location.hostname: Trả về tên miền của URL.
  5. location.port: Trả về cổng của URL.
  6. location.pathname: Trả về đường dẫn và tên tệp của URL.
  7. location.search: Trả về phần truy vấn (query string) của URL.
  8. location.hash: Trả về phần nhận dạng địa điểm (fragment identifier) của URL sau dấu #.
  9. location.assign(): Gán một URL mới và điều hướng trang đến URL đó.
  10. location.replace(): Gán một URL mới và thay thế lịch sử điều hướng của trang bằng URL đó.
  11. location.reload(): Tải lại trang hiện tại.

Ví dụ:

javascript
console.log(location.href);       // In ra URL hiện tại
console.log(location.protocol);   // In ra giao thức (http hoặc https)
console.log(location.host);       // In ra tên miền và cổng
console.log(location.pathname);   // In ra đường dẫn và tên tệp
console.log(location.search);     // In ra phần truy vấn (query string)
console.log(location.hash);       // In ra phần nhận dạng địa điểm (fragment identifier)

// Chuyển hướng đến một URL mới
location.assign("https://www.example.com");

// Tải lại trang hiện tại
location.reload();

Đối tượng location cho phép bạn kiểm soát và thao tác với URL của trang hiện tại trong trình duyệt, giúp bạn thực hiện các thao tác liên quan đến điều hướng và tải lại trang.

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top