HTML DOM Location host Thuộc tính

Thuộc tính máy chủ lưu trữ Vị trí trả về / đặt tên máy chủ và cổng máy chủ (nếu được chỉ định). Cổng có thể không được hiển thị nếu không được chỉ định rõ ràng.

Cú pháp

Sau đây là cú pháp -

Giá trị trả lại của máy chủ lưu trữ tài sản

location.host

Giá trị của máy chủ lưu trữ bộ tài sản

location.host = hostname:host

Ví dụ

Hãy để chúng tôi xem một ví dụ về Máy chủ lưu trữ vị trí tài sản -

<!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">Current URL:</label>
<input type="url" size="27" id="urlSelect" value="https://www.example.com:2544">
<input type="button" onclick="getHostPort()" value="Get 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 = 'No port present, as host: '+location.host;
      else
         divDisplay.textContent = 'Port: '+location.host.split(":")[1]+', as host: '+location.host;
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Trước khi nhấp vào 'Nhận cổng' nút -

HTML DOM Location host Thuộc tính

Sau khi nhấp vào ‘Nhận cổng’ nút -

HTML DOM Location host Thuộc tính