Skip to content
Related Articles
Get the best out of our app
GeeksforGeeks App
Open App

Related Articles

HTML | DOM Location pathname Property

Improve Article
Save Article
Like Article
Improve Article
Save Article
Like 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
Last Updated : 05 Jul, 2022
Like Article
Save Article
Similar Reads
Related Tutorials