Skip to content
Related Articles
Open in App
Not now

Related Articles

HTML | DOM Location pathname Property

Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 05 Jul, 2022
Improve Article
Save Article

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.


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

Below program illustrates the Location pathname Property in HTML: 



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



After click on the button:


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

  • Google Chrome 1
  • Edge 12
  • Internet Explorer 3
  • Firefox 1
  • Opera 12.1
  • Safari 1

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!