Web API URL.pathname Property
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 >w3wiki</ h1 > < button onclick = "get()" > Click on Me! </ button > < script type = "text/javascript" > function get() { var url = new URL( 'https://www.w3wiki.net'); // 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 >w3wiki</ 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 > |
Output:
Supported Browsers:
- Safari
- Opera
- Chrome
- Edge
- Firefox