Thuộc tính host của đối tượng Location trả về hoặc thiết lập tên máy chủ và cổng (port) của host (nếu được chỉ định). Cổng có thể không hiển thị nếu không được chỉ định rõ ràng.
Cú pháp
Lấy giá trị thuộc tính host
location.host
Thiết lập giá trị thuộc tính host
location.host = hostname:host
Ví dụ
Dưới đây là ví dụ minh họa cho thuộc tính Location host:
<!DOCTYPE html> <html> <head> <title>Location host</title> <style> form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; } </style> </head> <body> <form> <fieldset> <legend>Location-host</legend> <label for="urlSelect">URL hiện tại:</label> <input type="url" size="27" id="urlSelect" value="https://www.example.com:2544"> <input type="button" onclick="getHostPort()" value="Lấy Port"> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var urlSelect = document.getElementById("urlSelect"); function getHostPort() { if(location.host.includes(':') === false) divDisplay.textContent = 'Không có port, host: '+location.host; else divDisplay.textContent = 'Port: '+location.host.split(":")[1]+', host: '+location.host; } </script> </body> </html>
Kết quả
Ví dụ này sẽ cho kết quả sau:
Trước khi nhấn nút 'Lấy Port':
Sau khi nhấn nút 'Lấy Port':
