Thuộc tính hostname của đối tượng Anchor trong HTML DOM trả về chỉ tên miền (domain) của URL, không bao gồm cổng (port) hay đường dẫn.
Cú pháp
Lấy giá trị:
anchorObj.hostname
Thiết lập giá trị:
anchorObj.hostname = "tên_miền_mới"
Sự khác biệt: hostname vs host
hostname: Chỉ tên miền (ví dụ:www.example.com)host: Tên miền + cổng nếu có (ví dụ:www.example.com:8080)
Ví dụ minh họa
<!DOCTYPE html>
<html>
<body>
<h1>Công ty Demo</h1>
<p><a id="myLink" href="https://www.demo.com:6064/abc/def.html#team">Đội ngũ</a></p>
<h2 id="result"></h2>
<button onclick="showHash()">Hiển thị hash (#team)</button>
<button onclick="showHost()">Hiển thị host (domain:port)</button>
<button onclick="showHostname()">Hiển thị hostname (chỉ domain)</button>
<script>
function showHash() {
document.getElementById("result").innerHTML = document.getElementById("myLink").hash;
}
function showHost() {
document.getElementById("result").innerHTML = document.getElementById("myLink").host;
}
function showHostname() {
document.getElementById("result").innerHTML = document.getElementById("myLink").hostname;
}
</script>
</body>
</html>
Kết quả mong đợi:
- Hash:
#team - Host:
www.demo.com:6064 - Hostname:
www.demo.com
Thuộc tính hostname rất hữu ích khi bạn cần kiểm tra tên miền để thực hiện logic bảo mật (ví dụ: chỉ cho phép chuyển hướng về cùng domain) hoặc phân tích lưu lượng truy cập.