Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Thuộc tính hostname của Location trong HTML DOM

Thuộc tính hostname của đối tượng Location trả về hoặc thiết lập tên máy chủ (hostname) cho đường dẫn URL.

Cú pháp

Lấy giá trị thuộc tính hostname

location.hostname

Thiết lập giá trị thuộc tính hostname

location.hostname = hostname

Ví dụ

Dưới đây là ví dụ minh họa cho thuộc tính Location hostname:

<!DOCTYPE html> <html> <head> <title>Location hostname</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-hostname</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="getHostname()" value="Lấy Hostname"> <div id="divDisplay"></div> </fieldset> </form> <script>    var divDisplay = document.getElementById("divDisplay");    var urlSelect = document.getElementById("urlSelect");    function getHostname(){       divDisplay.textContent = 'Hostname: '+location.hostname;    } </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 Hostname':

Thuộc tính hostname của Location trong HTML DOM

Sau khi nhấn nút 'Lấy Hostname':

Thuộc tính hostname của Location trong HTML DOM