HTML DOM Window origin Property

0 0 1 minute read

The window origin property returns the origin of the global scope, serialized as a string of the window.

Syntax:

var origin = self.origin;

Return Value: A string containing the origin.

Example: This example shows how to get the origin of the document using this property.

HTML

<!DOCTYPE HTML> 
<html> 
  
<body style="text-align:center;"> 
    <h1 style="color:green;"> 
        zambiatek 
    </h1> 
  
    <p> 
        HTML | origin property 
    </p> 
      
    <button onclick="Geeks()"> 
        Click Here 
    </button> 
      
    <p id="a"></p> 
  
    <script> 
        var a = document.getElementById("a"); 
        function Geeks() { 
            a.innerHTML = "document origin is : " 
                    + self.origin; 
        }  
    </script> 
</body> 
  
</html> 

Output:

Before Clicking the Button:

After Clicking the Button:

Note: If the origin is not a scheme/host/port tuple (say you are trying to run it locally, i.e. via file:// URL), the origin property will return the string “null”.

Supported Browsers:

Google Chrome
Edge
Firefox
Safari
Opera

Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, zambiatek Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!