Web API URL.pathname Property

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

<!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>

Output:

Example 2:

HTML

<!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(
    'https://www.geeksforgeeks.org/GeeksforGeeks');

            a = document.getElementById("abc");
    
            a.innerHTML = "pathname of current URL is : "
                + url.pathname;
        }
    </script>
</body>

</html>

Output:

Supported Browsers:

Safari
Opera
Chrome
Edge
Firefox

Web API URL.pathname Property

T

taran910

Improve

Article Tags :

Similar Reads

Web API URL.port Property

The Web API URL.port property is used to get USVString containing the port number of the URL. Syntax: var str = URL.port Return Value: This property returns a USVString containing the port number of the URL. Example 1: HTML <!DOCTYPE html> <html> <body> <h1>GeeksforGeeks</

Web API URL.password Property

The Web API URL.password property returns a USVString containing the password specified before the domain name of the URL. A USVString is a sequence of Unicode scalar values. Syntax: var str = URL.password Return Value: This property returns a USVString containing the password specified before the d

Web API URL.origin Property

The Web API URL.origin property returns a USVString containing the origin of the URL. Syntax: var str = URL.origin Return Value: This property returns a USVString containing the origin of the URL. Example 1: HTML <!DOCTYPE html> <html> <body> <h1>GeeksforGeeks</h1> <

Web API URL.search Property

The Web API URL.search property is used to get USVString which is a search string or a query string. This string contains a "?" followed by the parameters of the URL. Syntax: var str = URL.search Return Value: This property returns a USVString search string. Example 1: HTML <!DOCTYPE html>

Web API URL.username Property

The Web API URL.username property returns a USVString containing the username specified before the domain name of the URL Syntax: var str = URL.username Return Value: This property returns a USVString containing the username specified before the domain name of the URL. Example 1: HTML <!DOCTYPE h