Computer >> Máy Tính >  >> Lập trình >> HTML

HTML DOM Location origin Thuộc tính

Thuộc tính Location origin trả về chuỗi tương ứng với giao thức của URL, tên máy chủ, số cổng máy chủ (nếu được chỉ định).

Cú pháp

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

Trả lại giá trị của nguồn gốc tài sản

location.origin

Ví dụ

Hãy để chúng tôi xem một ví dụ về Nguồn gốc vị trí tài sản -

<!DOCTYPE html>
<html>
<head>
<title>Location origin</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-origin</legend>
<label for="urlSelect">Current URL:</label>
<input type="url" size="30" id="urlSelect" value="https://www.example.com:2544/aboutUs">
<input type="button" onclick="getorigin()" value="Get origin">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var urlSelect = document.getElementById("urlSelect");
   function getorigin(){
      divDisplay.textContent = 'URL Origin: '+location.origin;
   }
</script>
</body>
</html>

Đầu ra

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

Trước khi nhấp vào ‘Tìm nguồn gốc’ nút -

HTML DOM Location origin Thuộc tính

Sau khi nhấp vào ‘Lấy nguồn gốc’ nút -

HTML DOM Location origin Thuộc tính