Vị trí cửa sổ JavaScript
Đố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.
Vị trí cửa sổ
Đối tượng window.location
có thể được viết mà không cần tiền tố cửa sổ.
Vài 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 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 (https: hoặc https:) -
window.location.assign()
tải một tài liệu mới
Vị trí cửa sổ Href
Thuộc tính window.location.href
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 =
"Page location is " + window.location.href;
Kết quả là:
Tên máy chủ vị trí cửa sổ
Thuộc tính window.location.hostname
trả về tên của 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 =
"Page hostname is " + window.location.hostname;
Kết quả là:
Tên đường dẫn vị trí cửa sổ
Thuộc tính window.location.pathname
trả về tên đường dẫn của trang hiện tại.
Ví dụ
Hiển thị tên đường dẫn của URL hiện tại:
document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;
Kết quả là:
Giao thức định vị cửa sổ
Thuộc tính window.location.protocol
trả về giao thức web của trang.
Ví dụ
Hiển thị giao thức web:
document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;
Kết quả là:
Cổng vị trí cửa sổ
Thuộc tính window.location.port
trả về số cổng 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 =
"Port
number is " + window.location.port;
Kết quả là:
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)
Chỉ định vị trí cửa sổ
Phương thức window.location.assign()
tải một tài liệu mới.
Ví dụ
Tải một tài liệu mới:
<html>
<head>
<script>
function newDoc() {
window.location.assign("https://www.example.com.vn")
}
</script>
</head>
<body>
<input type="button" value="Load new document"
onclick="newDoc()">
</body>
</html>
Hãy tự mình thử »