Skip to content
Related Articles

Related Articles

Web API URL.pathname Property
  • Last Updated : 27 Nov, 2020

The Web API URL.pathname property is used to get USVString containing an initial “/” followed by the path of the URL.

Syntax:

var str = URL.pathname

Return Value: This property returns a USVString containing the pathname of the URL.

Note: If there is no path set for the URL, so it will Return only /.

Example 1: There is no path set for the URL, so it will return only /



HTML

filter_none

edit
close

play_arrow

link
brightness_4
code

<!DOCTYPE html>
<html>
  
<body>
    <h1>GeeksforGeeks</h1>
  
    <button onclick="get()">
        Click on Me!
    </button>
  
    <script type="text/javascript">
        function get() {
            var url = new URL(
        'https://www.geeksforgeeks.org');
  
            // There is no path for the URL,
            // so it will return only /
            console.log("pathname of current URL is :",
                url.pathname);
        }
    </script>
</body>
  
</html>

chevron_right


Output:

Example 2:

HTML

filter_none

edit
close

play_arrow

link
brightness_4
code

<!DOCTYPE html>
<html>
  
<body>
    <h1>GeeksforGeeks</h1>
  
    <div id="abc"></div>
  
    <br><br>
    <button onclick="get()">
        Click on Me!
    </button>
  
    <script type="text/javascript">
        function get() {
            var url = new URL(
  
            a = document.getElementById("abc");
      
            a.innerHTML = "pathname of current URL is : "
                + url.pathname;
        }
    </script>
</body>
  
</html>

chevron_right


Output:

Supported Browsers:

  • Safari
  • Opera
  • Chrome
  • Edge
  • Firefox

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :