Skip to content
Related Articles

Related Articles

HTML | DOM Location pathname Property
  • Difficulty Level : Basic
  • Last Updated : 23 Jul, 2019

The Location pathname property in HTML is used to set or return the pathname of a URL. The Location pathname property returns a string which represents the pathname of the URL.

Syntax:

  • It returns the pathname property.
    location.pathname
  • It is used to set the pathname property.
    location.pathname = path

Below program illustrates the Location pathname Property in HTML:

Example:




<!DOCTYPE html>
<html>
  
<head>
    <title>DOM Location pathname Property</title>
    <style>
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    </style>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
    <h2>DOM Location pathname Property</h2>
    <p>
       For returning the path name of the 
       current URL, double click the "Return 
       Pathname" button: 
    </p>
    <button ondblclick="mypath()">
      Return Pathname
    </button>
    <p id="path"></p>
    <script>
        function mypath() {
            var p = location.pathname;
            document.getElementById("path").innerHTML = p;
        }
    </script>
</body>
  
</html>

Output:

After click on the button:

Supported Browsers: The browser supported by Location pathname property are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari



My Personal Notes arrow_drop_up
Recommended Articles
Page :