JavaScript Window Location

Đối tượng window.location có thể được sử dụng để lấy địa chỉ trang hiện tại (URL) và chuyển hướng trình duyệt đến một trang mới.

Window Location


Đối tượng window.location có thể được viết mà không cần có tiền tố window.

Một số thuộc tính của đối tượng window.location như sau:

  • window.location.href trả về href (URL) của trang hiện tại
  • window.location.hostname trả về tên miền của máy chủ lưu trữ web
  • window.location.pathname trả về đường dẫn và tên tệp của trang hiện tại
  • window.location.protocol trả về giao thức web được sử dụng (http: hoặc https:)
  • window.location.assign() tải một tài liệu mới

Thuộc tính location.href


Thuộc tính window.location.href trả về URL của trang hiện tại.

Ví dụ

document.getElementById('demo').innerHTML =
"URL file hiện tại là: <br/>" + window.location.href ;

Xem kết quả

Thuộc tính location.hostname


Thuộc tính window.location.hostname trả về tên của các máy chủ lưu trữ web (của trang hiện tại).

Ví dụ

document.getElementById('demo').innerHTML =
"Máy chủ lưu trữ web là: <br/>" + window.location.hostname ;

Xem kết quả

Thuộc tính location.pathname


Thuộc tính window.location.pathname trả về tên đường dẫn của trang hiện tại.

Ví dụ

document.getElementById('demo').innerHTML =
"Đường dẫn của file hiện tại là: <br/>" + window.location.pathname ;

Xem kết quả

Thuộc tính location.protocol


Thuộc tính window.location.protocol trả về giao thức web của trang.

Ví dụ

document.getElementById('demo').innerHTML =
"Giao thức web đang sử dụng là: <br/>" + window.location.protocol ;

Xem kết quả

Thuộc tính location.port


Thuộc tính window.location.port trả về số của cổng máy chủ internet (của trang hiện tại).

Ví dụ

document.getElementById('demo').innerHTML =
"Số cổng web đang sử dụng là: <br/>" + window.location.port ;

Xem kết quả

Hầu hết các trình duyệt sẽ không hiển thị số cổng mặc định (80 cho http và 443 cho https)

Phương thức location.assign()


Phương thức window.location.assign() chỉ định tải một tài liệu mới.

Ví dụ

<button id="btn">Tải tài liệu mới</button>

<script>

document.getElementById('btn').addEventListener("click", function() {
        window.location.assign("https://book-code.com.vn/");
    })

</script>

Xem kết quả