In order to access this site you need to enable JavaScript!

You are here: Reference > JavaScript > client-side > HTML DOM > properties > pathname (location, a, area)

pathname property (location, a, area)

Browser support:

Specifies or retrieves the path component of the URL assigned to the object (relative to the host).

Use the hostname property to get the host name of the URL.

Syntax:

object.pathname;

You can find the related objects in the Supported by objects section below.

This property is read/write.

Possible values:

String that sets or retrieves the path.

Default: this property has no default value.

Example HTML code 1:

This example illustrates the use of the pathname property for an anchor:

<head>
    <script type="text/javascript">
        function AnalyzeTarget () {
            var anchor = document.getElementById ("myAnchor");

            var message = "";
            message += "hash: " + anchor.hash + "\n";
            message += "host: " + anchor.host + "\n";
            message += "hostname: " + anchor.hostname + "\n";
            message += "href: " + anchor.href + "\n";
            message += "pathname: " + anchor.pathname + "\n";
            message += "port: " + anchor.port + "\n";
            message += "protocol: " + anchor.protocol + "\n";
            message += "protocolLong: " + anchor.protocolLong + "\n";
            message += "search: " + anchor.search + "\n";

            alert (message);
        }
    </script>
</head>
<body>
    <a href="http://help.dottoro.com/test.php?id=2#bookmark" id="myAnchor">A sample anchor</a>
    <br /><br />
    <button onclick="AnalyzeTarget ();">Analyze the destination of the anchor above</button>
</body>