HTML DOM Location origin Property

HTMLWeb DevelopmentFront End Technology

The Location origin property returns the string corresponding to the URL’s protocol, hostname, host port number (if specified).

Syntax

Following is the syntax −

Returning value of the origin property

location.origin

Example

Let us see an example for Location origin property −

 Live Demo

<!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>

Output

This will produce the following output −

Before clicking ‘Get origin’ button −

After clicking ‘Get origin’ button −

raja
Published on 30-Jul-2019 17:33:51
Advertisements