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 trang mới.

Window Location

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

Một số ví dụ:

  • 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ủ web
  • window.location.pathname trả về đường dẫn hoặc 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 tài liệu mới

Href Window Location

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

Ví dụ

Hiển thị href (URL) của trang hiện tại:

document.getElementById("demo").innerHTML = "Vị trí trang là " + window.location.href;

Kết quả là:

Vị trí trang là http://www.codew3c.com/js/js_window_location.asp

Thử ngay

Tên máy chủ Window Location

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

Ví dụ

Hiển thị tên máy chủ:

document.getElementById("demo").innerHTML = "Tên máy chủ trang là " + window.location.hostname;

Kết quả là:

Tên máy chủ trang là www.codew3c.com

Thử ngay

Tên đường dẫn Window Location

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

Ví dụ

Hiển thị tên đường dẫn URL hiện tại:

document.getElementById("demo").innerHTML = "Đường dẫn trang là " + window.location.pathname;

Kết quả là:

Đường dẫn trang là /js/js_window_location.asp

Thử ngay

Giao thức Window Location

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

Ví dụ

Hiển thị giao thức web:

document.getElementById("demo").innerHTML = "Thỏa thuận trang là " + window.location.protocol;

Kết quả là:

Thỏa thuận trang là http:

Thử ngay

Window Location Cổng

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

Ví dụ

Hiển thị cổng của máy chủ:

document.getElementById("demo").innerHTML = "Cổng là: " + window.location.port;

Thử ngay

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

Window Location Assign

window.location.assign() Phương pháp tải tài liệu mới.

Ví dụ

Tải tài liệu mới:

<html>
<head>
<script>
function newDoc() {
    window.location.assign("https://www.codew3c.com")
 }
</script>
</head>
<body>
<input type="button" value="Load new document" onclick="newDoc()">
</body>
</html>

Thử ngay