HTML | DOM Location pathname Property
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.
Syntax:
- It returns the pathname property.
location.pathname
- It is used to set the pathname property.
location.pathname = path
Below program illustrates the Location pathname Property in HTML:
Example:
HTML
<!DOCTYPE html><html><head> <title>DOM Location pathname Property</title> <style> h1 { color: green; } h2 { font-family: Impact; } body { text-align: center; } </style></head><body> <h1>GeeksforGeeks</h1> <h2>DOM Location pathname Property</h2> <p> For returning the path name of the current URL, double click the "Return Pathname" button: </p> <button ondblclick="mypath()"> Return Pathname </button> <p id="path"></p> <script> function mypath() { var p = location.pathname; document.getElementById("path").innerHTML = p; } </script></body></html> |
Output:
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
Please Login to comment...