HTML DOM Location port Thuộc tính

Thuộc tính cổng Vị trí trả về / đặt số cổng (nếu được chỉ định) cho một URL. Số 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ả về của cổng tài sản

location.port

Giá trị của cổng bộ tài sản

location.port = portNumber

Ví dụ

Hãy để chúng tôi xem một ví dụ về Cổng vị trí tài sản -

<!DOCTYPE html>
<html>
<head>
<title>Location port</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-port</legend>
<label for="urlSelect">Current URL:</label>
<input type="url" size="30" id="urlSelect" value="https://www.example.com:2544/aboutUs/CTO.htm">
<input type="button" onclick="getport()" value="Get Port">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var urlSelect = document.getElementById("urlSelect");
   function getport(){
      divDisplay.textContent = 'URL port: '+location.port;
   }
</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 port Thuộc tính

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

HTML DOM Location port Thuộc tính